Cómo utilizar las Fuentes Web

Best practice > Ajustes preliminares > Web Fonts >

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

Después de haber elegido en Google Fonts™ la fuente que se quiere utilizar en el Proyecto y haber obtenido el archivo TTF asociado y el código necesario para vincularla a las páginas (ver Cómo descargar una fuente de Google Fonts™), para poderla utilizar en WebSite X5 proceder del siguiente modo:

Acceder a la ventana Preferencias | Fuente Web y pulsar sobre el botón Agregar.
En la ventana Añadir Fuentes Web a la que se accede, seleccionar Fuente Google, importar el Archivo TTF para la visualización local y copiar en el campo al efecto el Código @Import suministrado por Google.
Confirmar pulsando en OK: se regresará a la ventana Preferencias | Fuente Web donde la nueva fuente aparecerá en la lista de fuentes disponibles.

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

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:

Acceder a la ventana Preferencias | Fuente Web y pulsar sobre el botón Agregar.
En la ventana Añadir Fuentes Web a la que se accede, seleccionar Fuente Web 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: se regresará a la ventana Preferencias | Fuente Web donde la nueva fuente aparecerá en la lista de fuentes disponibles.

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 se distinguen por estar acompañadas del icono .

 

 


Best practice:

-

Cómo descargar una fuente de Google Fonts™

-

Cómo descargar una fuente de Fontsquirrel


Profundización:

-

Fuentes estándar y Fuentes Web