Añade fuentes personalizadas para utilizarlas en los elementos y bloques de tu sitio.

Web >>> Apariencia >>> Custom Fonts

Para subir una nueva fuente personalizada a tu sitio, haz clic en el botón «Añadir nueva fuente personalizada» situado en la parte superior de esta sección. Asegúrate de que tus archivos de fuentes están en formato.woff y .woff2, y de que son fuentes estáticas, ya que esta función no admite fuentes variables.

Cuando tengas listos tus archivos, añade un Título para la nueva fuente personalizada, selecciona «Subir archivo» en la opción Tipo de fuente y rellena los siguientes campos:

  • Nombre de la familia de fuentes: Debe coincidir exactamente con la fuente (por ejemplo, «Raleway»).
  • Nombre de estilo específico de fuente (opcional): Coincide con el estilo exacto (por ejemplo, «Raleway Negrita Cursiva»).
  • Archivo de fuente .woff: Sube el archivo de fuente .woff.
  • .woff2 Archivo de fuente: Sube el archivo de fuente .woff2.
  • Pila de fuentes de reserva: Fuentes que se muestran si la personalizada no se carga (por ejemplo, «Arial» o «Helvetica»).
  • Peso de la fuente: Especifica el peso de la fuente (de 100 a 900).
  • Estilo defuente: El estilo de la fuente (Normal o Cursiva).
  • Cargar Intercambio de Pantalla: Si está activada (recomendado), utiliza temporalmente una fuente del sistema hasta que se cargue la fuente personalizada.

Los campos «Añadir nueva fuente personalizada».

this is a Tip

Las tres últimas opciones (subir los formatos de fuente .eot, .ttf y .svg ) están obsoletas y pensadas sólo para navegadores obsoletos. Sólo debes utilizar los formatos .woff y .woff2 para un rendimiento moderno y optimizado.

This is a Remember note

Recuerda hacer clic en el botón «Publicar » para crear la fuente personalizada.

Fuentes Adobe TypeKit

También puedes importar fuentes de tus proyectos de Adobe Typekit (Adobe Fonts). Para ello, selecciona «Adobe Typekit» en el primer menú desplegable. A continuación, se te pedirá que introduzcas tu ID de proyecto de Adobe Typekit. Una vez que lo introduzcas y hagas clic en el botón «Publicar», se importarán tus fuentes personalizadas y variaciones.

Puedes aprender a añadir fuentes a tu sitio web utilizando Adobe TypeKit aquí.

Deja una respuesta