Skip to content

Fuentes Web

Puede importar fuentes web externas al editor, como las proporcionadas por Google Fonts o Typekit.

Las fuentes web se gestionan desde el panel Configuración del Widget en el Editor Creativo.

Proveedores de Fuentes Compatibles

Google Fonts

  • Visite https://fonts.google.com.
  • Seleccione una o más familias y pesos de fuente.
  • Copie y pegue la URL de incrustación proporcionada en el gestor de fuentes web.

Typekit

  • Visite https://typekit.com/account/kits para ver o crear un nuevo kit de fuentes.
  • Asegúrese de que *.fanplayr.com esté añadido a la lista de Dominios en la Configuración del Kit. Esto permite que sus fuentes se carguen y previsualicen en el Editor Creativo.
  • Copie y pegue el ID del Kit proporcionado en el gestor de fuentes web.

Proveedor de Fuente Personalizado

Puede importar fuentes web de otros proveedores (o fuentes que usted mismo aloje) especificando una configuración JSON que describa las fuentes proporcionadas y una o más URL a las hojas de estilo que las cargan.

Requisitos

  • Las URL de las hojas de estilo deben ser rutas absolutas.
  • Las hojas de estilo y las fuentes deben tener configuraciones CORS apropiadas para permitir su acceso desde *.fanplayr.com.

Ejemplo

La siguiente configuración JSON de ejemplo demuestra la importación manual de tres fuentes de Google. Este ejemplo podría adaptarse para importar fuentes de otro dominio.

Consulte la especificación de Web Font Loader para obtener más detalles sobre el formato de configuración.

json
{
  "families": ["Oswald:n3,n4,n7", "Indie Flower", "Lobster"],
  "urls": [
    "https://fonts.googleapis.com/css?family=Oswald:400,300,700|Indie+Flower",
    "https://fonts.googleapis.com/css?family=Lobster"
  ]
}

Ejemplo: Uso de Google Fonts

Loading embed...

Importar y usar fuentes web de Google Fonts