Una limitación que se tiene a la hora de diseñar sitios es el conjunto de tipos de letra disponibles para elegir. Si queremos que el diseño se vea igual para todos los usuarios sin importar si usa Windows, Linux o un iPad, hay que limitarse a elegir entre un pequeño conjunto de fuentes que sabemos que están instaladas en cualquier plataforma.
Para dar solución a este tema incorporamos a GXportal el uso de Web Fonts (también conocido por @font-face), lo que nos va a permitir usar en nuestro sitio cualquier tipo de letra. El uso de las Web Fonts nos permite crear diseños de sitios más atractivos sin sacrificar el mantenimiento ni la indexación, ya que no es necesario crear imágenes con texto para lograr los diseños en las distintas secciones del sitio como por ejemplo menús o contenidos.
¿Y cómo las utilizamos en GXportal?
En
Diseño - Tipos de letra podemos definir las fuentes que vamos a utilizar en el sitio. Además de las ya conocidas fuentes locales, podemos definir “Web Fonts” o “Google Web Fonts”.
Web Fonts: en este caso nosotros debemos proveer los archivos de la fuente que queremos utilizar. En general, con subir la fuente en formato .woff y .eot es suficiente para que se vea en cualquier navegador. Si además queremos que se vea en iPad/iPhone hay que subir el formato .svg.
Hay varios sitios donde podemos descargar fuentes gratuitas como por ejemplo
Font Squirrel.
Una vez que tenemos definido el tipo de letra, podemos aplicarlo en cualquier componente de GXportal o incluso en el texto del contenido como podemos ver a continuación: