Fuentes de escritura

Para evitar sobrecargar su sitio web, WebAcappella le permite definir 6 tipos de letra diferentes.

Existen 3 tipos de hierro fundido:

  • 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 el sitio.

Esto le permitirá mostrar sus imágenes rápidamente y con cierta coherencia gráfica.

../../_images/fonts_edition.webp

Fuente de texto estándar

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

Este tipo de fuente no consumirá recursos de red, puesto que ya existe en el terminal del visitante de su sitio.

Texto web personalizado

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

../../_images/font_custom_edit.webp

He aquí 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 e incluya la url del archivo (“{{ WA_FONT_FAMILY }}” se sustituirá 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 te permite seleccionar de la lista de fuentes web que ofrece Google (Google Fonts)

WebAcappella descargará automáticamente los archivos y los instalará 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