En esta entrada veremos cómo añadir fuentes personalizadas en WordPress. Una vez que hayas encontrado las fuentes que deseas utilizar en tu sitio web, es necesario instalarlas. Si aún no has encontrado la fuente adecuada para tu sitio, intenta con los siguientes 6 proveedores de fuentes personalizadas – todos de uso libre:

Existen diferentes formas de añadir fuentes personalizadas, dependiendo del tema o plantilla instalada en tu sitio web, y del “source” u origen de esas fuentes.

Puedes añadir fuentes personalizadas en WordPress vía:

• Plugins: utilizando plugins que permiten la carga de fuentes
• Métodos manuales: a través de la inserción de códigos

Plugins que permiten la carga de fuentes

A continuación una lista de los mejores plugins que puedes elegir para instalar fuentes personalizadas en tu sitio web en WordPress:

• Typekit Fonts for WordPress: Un plugin que te permite utilizar “Typekit fonts”
• WP Google Fonts: Es el plugin más popular para añadir “Google’s webfonts” a WordPress
• Web Fonts: Ofrece soporte para el uso fuentes web de “Fonts.com”
• WordPress Font Uploader: Te permite subir cualquier tipo de archivo de fuentes (.ttf y otf) y las añade a tu sitio utilizando la regla CSS: @font-face

Instalación de Google Fonts manualmente

Existen diferentes formas de instalar fuentes personalizadas de Google Fonts manualmente:

Si vas a instalar fuentes web de Google, no necesitas subir los archivos a tu servidor. Lo que necesitas hacer es añadir a tu sitio una solicitud “http” de importación hacia los servidores web de Google. Para hacer esto, sólo tienes que añadir el siguiente código al principio del archivo “style.css” de tu plantilla o tema:

/* Importar Fuentes
———————————————————— */
@import url(http://fonts.googleapis.com/css?family=Oswald);

Cambia el nombre de la fuente por el de tu elección, visita: Google Web Fonts. Inclusive puedes añadir varias fuentes al mismo tiempo. Una vez que hayas importado las fuentes en tu misma hoja de estilos “style.css” específica qué elementos utilizarán la fuente importada, por ejemplo:

#title {
font-family: 'oswald', arial, serif;
font-size: 45px;
}

Instalación de fuentes personalizadas manualmente

Para instalar fuentes personalizadas de forma manual te recomendamos utilizar: “Font Squirrel“, ya que tiene un excelente generador para crear el código y cumplir esta tarea. Este es un ejemplo de cómo lucirá el código CSS una vez que cargues y conviertas los archivos de fuentes con el generador de Font Squirrel:

@font-face {
font-family: 'trashhandregular';
src: url('trashhand.eot');
src: url('trashhand.eot?#iefix') format('embedded-opentype'),
url('trashhand.woff') format('woff'),
url('trashhand.ttf') format('truetype'),
url('trashhand.svg#trashhandregular') format('svg');
font-weight: normal;
font-style: normal;}

De esta forma podrás utilizar distintos tipos de fuentes personalizadas en elementos específicos de tu sitio web en WordPress