Instalar tus fuentes en WordPress sin plugin

Google Fonts proporciona un número considerable y generalmente suficiente de opciones de fuentes para utilizar en tu WordPress.

Si tu proyecto WordPress requiere instalar tus propias fuentes aprende como hacerlo sin plugin, es un proceso muy sencillo, no te preocupes.

Formato de los archivos

Existen diferentes tipos de archivos para las fuentes (.ttf, .otf, .eof, .woff, .woff2). Asegúrate que tus archivos de fuentes tengan estos formatos.

No será imprescindible tener todas las versiones del archivo de fuente aunque si eres de las personas que gusta del detalle en la web te encontrarás varias herramientas para convertir tus fuentes a los formatos comentados.

Para hacer la conversión tienes diferentes servicios en internet pero puedes probar con este Webfont Generator de FontSquirrel.

Sin involucrarnos con temas de diseño gráfico, todo este tema de formato es importante para que las diferentes aplicaciones puedan leer el archivo.

Estas terminaciones le indican al navegador que están leyendo caracteres y no por ejemplo una imagen, que como sabes es común que tengan extensión .jpg.

El formato .ttf está más popularizado así que te diría que este no te puede faltar para que tu fuente se muestre de manera correcta.

Añadiendo tus fuentes a los archivos de WordPress

En la carpeta de tu tema activo (recomendado child-theme) crea una nueva carpeta, generalmente nombrada fonts.

Puedes nombrar las carpetas como tu quieras, pero en el mundo de la programación se han ido creando ciertas costumbres o usos pensados cuando más de una persona realiza labores en tu sitio web.

Dentro de esta carpeta guarda los archivos de tus fuentes.

Luego dirígete al Editor de temas de WordPress. En tu panel de administración entra en Apariencia/Editor de temas y copia este fragmento de código:

instalar-tus-fuentes-en-wordpress-sin-plugin
@font-face {
font-family: nombre-de-tu-fuente;
src: url(‘nombre-de-tu-fuente.otf’);
src: url(‘nombre-de-tu-fuente.ttf’);
font-weight: normal;
font-style: normal;
}
body {
font-family: nombre-de-tu-fuente;
}

Como puedes ver aquí se ha modificado el CSS para que aplique al <body> pero puedes establecer tus fuentes en los títulos, pie de página o realmente donde quieras.

Recarga tu página y comprueba si funciona.

Has terminado de instalar tus propias fuentes sin plugin en WordPress.

TE PUEDE INTERESAR

Comentarios

Deja una respuesta

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