Cómo añadir Google Fonts a WordPress u otro CM

Desde siempre la variedad de fuentes que permite html ha sido MUY básica (las fuentes están en cada ordenador y no podemos usar la que queramos porque no sabemos si ese ordenador la tiene). Y esto ceñía bastante las opciones de los diseñadores. En este artículo hablamos sobre la posibilidad de usar Google Fonts en nuestras páginas para mejorar esto. Pero no es tan fácil si usamos un content manager (CM), ya que la opción que indica google no siempre podemos usarla.

Aquí os dejamos alguna pista:

WordPress:  Puedes añadir el código que te da Google en la página functions.php de tu tema (si no lo tiene créalo). Así:

add_action('wp_head', 'load_fonts');
function load_fonts() {?> 
<link href="http://fonts.googleapis.com/css?family=Oswald&v1" rel="stylesheet"> 
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold&v1" rel="stylesheet"> <?php }

Entonces puedes usar las fuentes que has cargado aquí en cualquier hoja de estilos del tema.

Cualquier CM:  Puedes cargar directamente la hoja de estilos de Google para esta tipografía en la hoja de estilos de tu plantilla (wordpress también). Por ejemplo:

@import url(“http://fonts.googleapis.com/css?family=Lobster“);

Esto carga esta tipografía para poder usarla en esta hoja de estilos.

Recordad que esto puede ralentizar algo la página porque tiene que ir a Google a cargar la tipografía, aunque no debería ser algo excesivo y las ventajas merecen la pena.
 

2 thoughts on “Cómo añadir Google Fonts a WordPress u otro CM

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s