Al momento de diseñar un sitio web, uno de los detalles más simples y a la vez significativos, son las tipografías o tipo de letras empleado, esto le otorga un estilo o un aspecto especial a cualquier web, por supuesto requiere de la elección de un tipo de fuente que concuerde con nuestra plantilla de WordPress, en este caso, y que guarde relación con el propósito y contenido del sitio, pues por ejemplo si el sitio es un portal de noticias, lo más recomendable sería un tipo de letra de estilo clásico y elegante, en cambio una web infantil debería tener fuentes estilo cartoon o que transmita diversión.

Anteriormente solo se podían utilizar algunas pocas fuentes en los sitios web, ya que se debía perseguir la compatibilidad con los diferentes navegadores de internet y sistemas operativos, si deseábamos utilizar otras fuentes distintas a las que eran compatibles por defecto con la mayoría de navegadores web, entonces debíamos cargar el archivo con las fuentes a nuestro servidor, por suerte en la actualidad esto ha cambiado y ahora es posible referenciar o importar tipografías que no se encuentran en nuestra web sino en un servidor de un proveedor externo.

Tipografías

Google Fonts en WordPress

Uno de los más populares y reconocidos proveedores de fuentes online gratuitas y de excelente calidad, es Google Fonts. Este servicio de la gigante de internet, nos ofrece un extenso catálogo de fuentes, en el cual podemos escoger la o las que se adapten más a nuestros requerimientos y preferencias, luego solo agregando unas cuantas líneas de código a nuestros estilos CSS, podremos emplearlas para decorar nuestras páginas web, sin mayores complicaciones.

Lo primero que deberemos hacer es dirigirnos al sitio web correspondiente, allí seleccionaremos el tipo de fuente que deseamos utilizar y tomaremos su nombre exacto, para luego agregarlo a la línea de código siguiente @import url(http://fonts.googleapis.com/css?family=Arial); en la cual deberemos reemplazar la palabra “Arial” por el título de la fuente que hayamos elegido, sabiendo que si el título está compuesto de varias palabras, se deberá cambiar los espacios en blanco por el signo de suma (+), de lo contrario estaríamos cometiendo un error en el código.

La ubicación en la que deberemos colocar esta línea de código, será el archivo style.css de la plantilla o tema de WordPress que se encuentre activo, para encontrar la carpeta correspondiente a esta plantilla, deberemos conocer el nombre de esta y dirigirnos dentro de la ubicación de la instalación de WordPress en el servidor, estando allí deberemos continuar a la ruta /wp-content/themes/ y dentro de esta estarán las diferentes plantillas instaladas. Luego el archivo que corresponde a los estilos, por lo general se ubica en una carpeta que lleva por título Css.

letras de google

Sin embargo, no es necesario buscar tanto el archivo por medio de los directorios internos del servidor, ya que la propia interfaz de WordPress no permite editar los archivos que conforma la plantilla actual, para ello nos dirigimos al menú Apariencia- Editor y en sencillo editor de texto que se nos muestra, colocamos el código antes indicado.

Para finalizar solo será necesario indicar mediante código CSS en que partes de la web se empleará el tipo de fuente elegido, cada diseño y cada caso en particular tendrá sus peculiaridades, pero a modo de ejemplo indicamos como sería la línea de código para implementar esta fuente en el cuerpo de la web, por lo tanto el código necesario sería el siguiente: Body{ font-family: “Arial”, Helvetica;} donde el nombre de la fuente importada desde Google (Arial) deberá estar entre comillas (“”), la segunda (Helvetica) es una opción alternativa por si no es posible cargar la primera.

Compartir

Dejar respuesta

Please enter your comment!
Please enter your name here