Programación Web y SEO, Ingeniero Industrial

Cómo mostrar Google Fonts en WordPress sin usar un Plugin

Mostrar fuentes especiales utilizando plugins de WordPress es sencillo. El problema es que cuando llenas de plugins las tu Blog de WordPress se termina ralentizando. Estos plugins suelen cargarnos de Javascript nuestra Web.

La velocidad es uno de los criterios más importantes para Google a la hora de posicionar nuestra página en los resultados.

Con este sencillo truco podrás mostrar fuentes de Google Fonts sin necesidad de utilizar un Plugin.

Primero elige el tipo de fuentes de Google Fonts que quieres utilizar:

En este caso voy a utilizar la fuente de texto Pacifico.

Abre el archivo header.php de tu tema (Está en la carpeta wp-contents/themes/nombre-del-tema-actual):

En la 3ª línea voy a pegar el código que ves.

 

Sustituye Pacifico por la fuente que vayas a utilizar.

Si es una con un nombre compuesto sustituye los espacios signos +

Ejemplo la “Open Sans” por Open+Sans

Abre tu hoja de estilos, style.css (Está en la carpeta wp-contents/themes/nombre-del-tema-actual):

Añade en cada estilo de texto (en mi caso .title-text H1) la fuente que quieres usar, en mi caso la Pacifico como ves en la 3ª línea, y la sustitutiva por si no funcionara (la Tahoma para mí).

[cc lang=”css”]

.title-text H1
{
font-family: Pacifico, Tahoma;
font-size: 30px;
text-shadow: 1px 1px 1px #FFF;
color: #707070;
margin-bottom: 6px;
font-weight: normal;
width: 650px;
text-shadow: 2px 2px 2px #D7ADAD;
}

[/cc]

7º Borra la caché si usas Supercaché, y los datos almacenados en el navegador y recarga la página!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías del Blog
Comprueba dominios libres