Una fuente correcta puede salvarnos un diseño web

Elegir una fuente idónea puede solucionarnos el diseño de una web, ya que podemos jugar con las propiedades CSS de fuentes (espaciado entre letras, bold, interlineado, contraste, alineación, puntos, uppercase…).

Hay que saber compaginar la legibilidad del tipo de letra en todos los dispositivos y la relación de la tipografía con otros elementos gráficos, será clave para tener un buen diseño.

Aquí hay una lista de webs que podemos tomar como ejemplos en cuanto al diseño usando fuente.

¿Dónde podemos obtener las tipografías?

Uno de los sitios más populares donde podemos obtener gran variedad de tipografías de código abierto es en Google Fonts. A parte hay otros más sitios como por ejemplo: http://www.fontsquirrel.com/ o http://freetypography.com/ entre otros.

Usando tipografías que no están en nuestro servidor, la carga del sitio web tardará unos milisegundos más, pero realmente merecerá la pena.

Con un diseño muy simple y haciendo un buen uso de las fuentes podemos conseguir realmente obras de arte.

¿Cómo insertar una fuente en Wordpress?

Bien, lo que tenemos que crearnos es una función y desde hay llamar a la url de la tipografía.

Abrimos functions.php

function insertarfuente(){
    wp_registar_style('webfonts','http://***');
    wp_enqueue_style('webfonts');}
    add_action('wp_enqueue_scripts','insertarfuente')
}

Y ya para usarla en nuestra web sólo tenemos que incluir en la hoja de estilos al/los elemento/s que queremos modificar su tipografía, por ejemplo:

p {
 font-family: 'Merriweather', serif;
}
 
3
Kudos
 
3
Kudos

Now read this

Web multidioma (y responsive)

Hace unas semanas he diseñado y desarrollado una web multi-idoma (holandesa, francesa e inglesa) mediante Wordpress en Inventtatte. Después de sopesar las diferentes opciones para realizar la tarea acabé declinándome por el plugin... Continue →