Fuentes tipográficas

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

Hay tres tipos de fuentes:

• Fuente de texto estándar (ya instalada en su sistema)
• Fuente web (como GoogleFonts)
• Fuente web personalizada (procedente de archivos gratuitos o de pago)

Se recomienda utilizar como máximo una o dos fuentes web en todo su sitio web.

Esto le permitirá una visualización rápida y una cierta coherencia gráfica.

Fuente de texto estándar

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

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

Fuente de texto web personalizada

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

Aquí tiene un ejemplo de alojamiento de la fuente «Amatic SC».

• Introduzca el nombre de la fuente «Amatic SC»
• Añada los archivos woff y woff2 a su proyecto
• Copie el código CSS e integre la URL de los archivos («{{ 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+ */
}

Fuentes web de Google

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

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

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

fonts.google.com/