La ventana Añadir Fuentes Web, que se abre pulsando el botón Agregar que hay en la ventana Fuente Web, presenta las opciones necesarias para añadir una nueva Fuente Web a la lista de las utilizables en el Proyecto.
La ventana presenta dos secciones:
Para elegir la Google Font que se quiere añadir al Proyecto es posible utilizar:
| ▪ | Un campo para efectuar la búsqueda según el nombre de la fuente. |
| ▪ | Los botones para ordenar las fuentes de acuerdo a criterios como el nivel de popularidad, la fecha de añadido o el número de estilos disponibles. |
| ▪ | Las opciones para especificar qué categorías se deben contemplar: Serif, Sans Serif, Display, Handwriting, Monospace. |
| ▪ | El texto y el tamaño que deben utilizarse para mostrar la vista previa de la fuente. |
|
En el caso de las Google Fonts, los archivos de las fuentes están disponibles en los servidores de Google y se toman de allí para las hojas de estilo de las páginas del sitio web.
WebSite X5 descarga automáticamente el archivo TTF de las Google Fonts incluidas en los Proyectos para poderlas mostrar localmente.
|
|
Antes de nada es necesario elegir qué técnica se va a utilizar para integrar las Fuentes Web:
| ▪ | Online Fuentes Web: los archivos de las fuentes están disponibles en los servidores del servicio que ofrece las fuentes y se toman de allí para las hojas de estilo de las páginas del sitio web. |
| ▪ | Offline Fuentes Web: los archivos de las fuentes están en nuestro equipo y se publican en nuestro servidor web. |
Tanto si decide utilizar una Fuente Web online como si decide integrar una Fuente Web offline, es necesario importar:
| ▪ | Archivo TTF para la visualización local: es el archivo en formato TrueType (TTF) necesario para poder visualizar la fuente localmente. Así WebSite X5 puede utilizar la fuente como si estuviese instalada en el sistema operativo del ordenador y ofrecerla en el editor de texto, y en general en cualquier punto en el que sea posible configurar el tipo de fuente que se quiere emplear para un texto. |
En el caso de una Fuente Web online, además, es necesario especificar:
| ▪ | Código @import: es el código, proporcionado directamente por el servicio que ofrece las fuentes, que sirve para vincular la fuente a la Hoja de Estilo (CSS) de las páginas del sitio web. |
En el caso de una Fuente Web offline es también aconsejable importar:
| ▪ | Archivo WOFF (recomendado): es el archivo de la fuente en formato WOFF. Este tipo de formato es compatible con Internet Explorer, Mozilla Firefox y Google Chrome. |
| ▪ | Archivo SVG (iPhone/iPad): es el archivo de la fuente en formato SVG. Este tipo de formato es compatible con Mozilla Firefox, Safari, Google Chrome y Opera. |
| ▪ | Archivo EOT (solo IE): es el archivo de la fuente en formato EOT. Este tipo de formato es compatible solo con Internet Explorer. |
|
Debido a que la compatibilidad de las Fuente Web offline en los principales exploradores no es homogénea, se aconseja importar no solo el archivo TTF (obligatorio) sino también los archivos WOFF, SVG y EOT de las fuentes que se quiere utilizar.
|
|
Best practice:
Profundización:
