Fuentes de escritura

Para no sobrecargar su sitio web, WebAcappella le permite definir 6 fuentes diferentes.

Estas fuentes son de 3 tipos:

  • Fuente de texto estándar (ya instalada en su sistema)

  • Fuentes web (como GoogleFonts)

  • Fuente web personalizada (a partir de archivos gratuitos o de pago)

Es aconsejable utilizar un máximo de una o dos fuentes web en todo su sitio.

Esto permitirá una rápida visualización y consistencia gráfica.

../../_images/fonts_edition.webp

Fuente de texto estándar

Las fuentes de texto estándar se han seleccionado entre las que se encuentran por defecto en casi todos los sistemas operativos (Arial, Times…).

Este tipo de fuente no consumirá ningún recurso de red, ya que ya existe en el terminal del visitante de su sitio.

Fuente de texto web personalizada

Encontrará sitios que ofrecen archivos de fuentes web (gratuitos o de pago).

../../_images/font_custom_edit.webp

Este es un ejemplo de alojamiento de la fuente «Amatic SC

  • Introduzca el nombre de la fuente «Amatic SC

  • Añade los archivos woff y woff2 a tu proyecto

  • Copie el código CSS con la url de los archivos (“{{ WA_FONT_FAMILY }}” será reemplazado automáticamente por “Amatic SC”)

/* amatic-sc-regular - latin */
@font-face {
  font-family: '{{ WA_FONT_FAMILY }}';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('{{WA_FILE amatic-sc-v24-latin-regular.woff2}}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('{{WA_FILE amatic-sc-v24-latin-regular.woff}}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* amatic-sc-700 - latin */
@font-face {
  font-family: '{{ WA_FONT_FAMILY }}';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('{{WA_FILE amatic-sc-v24-latin-700.woff2}}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('{{WA_FILE amatic-sc-v24-latin-700.woff}}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

Google Web Font

WebAcappella le permite seleccionar de la lista de fuentes web que ofrece Google (Google Fonts)

WebAcappella descargará automáticamente los archivos para instalarlos en su servidor.

(La instalación automática en el servidor requiere una licencia WebAcappella FUSION PRO)

https://fonts.google.com/

../../_images/google_fonts.jpg