Cómo utilizar las Fuentes Web

Best practice > Ajustes preliminares > Fuentes Web >

Cómo utilizar las Fuentes Web

Previous pageReturn to chapter overviewNext page
Mostrar/ocultar el texto oculto

Además de las fuentes del sistema, WebSite X5 da la posibilidad de integrar y utilizar de manera muy sencilla también Fuentes Web tomadas de:

portales como Google Fonts™ (gratuito), que ofrecen Fuentes Web ya listas para su uso que son tomadas a través de las hojas de estilo (CSS) de las páginas del sitio web.
portales como Fontsquirrel: ofrecen la posibilidad de descargar nuevas fuentes en nuestro ordenador para publicarlas después en el servidor web del sitio.

Gracias a las Fuentes Web es posible utilizar para dar formato a los textos fuentes diferentes de las estándar y tener en cualquier caso la certeza de que las páginas web serán visualizadas correctamente por todos los visitantes, es decir, sin que las fuentes elegidas sean sustituidas por otras.

Pulsar para expandir/reducirHow To: Cómo integrar una fuente de Google Fonts

El sistema para buscar e instalar una Google Font está integrado directamente en WebSite X5: de esta manera todo el procedimiento es mucho más sencillo y rápido.

Cuando sea posible configurar el carácter de un texto, abrir el menú desplegable para la elección de la fuente y pulsar en el elemento Otros tipos de carácter para acceder a la ventana Fuente Web: aquí, pulsar sobre el botón Agregar.
En la ventana Añadir Fuentes Web a la que se accede, permanecer en la sección Fuente Google y utilizar las herramientas de búsqueda, de ordenación y de vista previa disponibles para encontrar la fuente que se quiere añadir.
Confirmar pulsando en OK.

Una vez completado este sencillo procedimiento, WebSite X5 ofrecerá automáticamente la nueva fuente en todos los puntos donde es posible elegir la fuente que se aplicará a un texto: en el menú de selección, las Fuentes Google se distinguen por estar acompañadas del icono .

Pulsar para expandir/reducirHow To: Cómo integrar una Fuente Web Offline

Una vez elegida una nueva fuente de un portal y tras descargar los archivos que permiten su empleo tanto en escritorio como en la Web (ver, por ejemplo: Cómo descargar una fuente de Fontsquirrel), es posible utilizarla en WebSite X5 de manera muy sencilla:

Cuando sea posible configurar el carácter de un texto, abrir el menú desplegable para la elección de la fuente y pulsar en el elemento Otros tipos de carácter para acceder a la ventana Fuente Web: aquí, pulsar sobre el botón Agregar.
En la ventana Añadir Fuentes Web a la que se accede, abrir la sección Fuente Web, elegir añadir una Fuente Web Offline e importar el Archivo TTF para la visualización local.
Aunque no es obligatorio, para una mejor compatibilidad con los diferentes exploradores es aconsejable importar también, si están disponibles, el archivo WOFF, el archivo SVG y el archivo EOT correspondientes a la nueva fuente que se quiere utilizar.
Confirmar pulsando en OK.

Una vez integrada una nueva Fuente Web, esta estará disponible automáticamente en todos los menús que ofrecen la posibilidad de seleccionar la fuente que se quiere aplicar a un texto. En el menú de selección, las Fuentes Web Offline se distinguen por estar acompañadas del icono .

 


Best practice:

-

Cómo descargar una fuente de Fontsquirrel


Profundización:

-

Fuentes estándar y Fuentes Web