Introducción

WordPress es una de las plataformas más versátiles y populares para la creación de sitios web. Una de sus ventajas es la capacidad de personalizar casi todos los aspectos de tu sitio, incluyendo las fuentes tipográficas. Añadir una fuente personalizada puede darle un toque único y profesional a tu sitio. En este artículo, te ofrecemos un truco o consejo detallado para añadir fuentes personalizadas a tu sitio de WordPress.

Utilizando Fuentes de Google Fonts

Google Fonts es uno de los recursos más populares para obtener fuentes gratuitas de alta calidad. Para añadir una fuente de Google Fonts a tu sitio de WordPress, sigue estos pasos:

Paso 1: Seleccionar la Fuente

Ve al sitio web de Google Fonts y selecciona las fuentes que te gustaría utilizar. Una vez seleccionadas, Google te proporcionará un enlace de código.

Paso 2: Añadir el Enlace en Header.php

Inicia sesión en tu panel de administración de WordPress y dirígete a Apariencia gt Editor de temas. En el menú de archivos, busca y selecciona el archivo header.php. A continuación, añade el enlace de Google Fonts en la sección ltheadgt:

ltlink href=URL-DE-TU-FUENTE rel=stylesheet type=text/css gt

Paso 3: Utilizar la Fuente en tu CSS

Abre tu archivo style.css y utiliza la fuente que añadiste. Por ejemplo:

body { font-family: Nombre de la Fuente, sans-serif }

Subir y Utilizar Fuentes Personalizadas

Si tienes una fuente específica que quieres utilizar y que no está disponible en Google Fonts, puedes subirla directamente a tu servidor. Aquí te explicamos cómo hacerlo:

Paso 1: Subir la Fuente al Servidor

Inicia sesión en tu servidor o utiliza el administrador de archivos de tu hosting para subir los archivos de fuente (en formatos como .woff, .woff2, .ttf, etc.) a tu servidor. Una buena práctica es crear una carpeta específica para las fuentes, por ejemplo, /wp-content/uploads/fonts/.

Paso 2: Definir las Fuentes en CSS

Una vez que los archivos de las fuentes estén en tu servidor, necesitas definirlas en tu archivo style.css. Aquí tienes un ejemplo de cómo hacerlo:


@font-face {
nbspnbspfont-family: Nombre de tu Fuente
nbspnbspsrc: url(/wp-content/uploads/fonts/tu-fuente.woff2) format(woff2),
nbspnbspnbspnbspnbspnbspnbspnbspurl(/wp-content/uploads/fonts/tu-fuente.woff) format(woff)
}


Luego puedes utilizar esta fuente en tu CSS:

body { font-family: Nombre de tu Fuente, sans-serif }

Utilizando Plugins

Para los usuarios que prefieren no tocar el código, existen varios plugins en WordPress que facilitan la integración de fuentes personalizadas. Aquí te presentamos algunos de los más recomendados:

Typeface

Typeface es un plugin que permite añadir fuentes personalizadas de varias fuentes, incluyendo fuentes locales y Google Fonts.

Easy Google Fonts

Easy Google Fonts es otro plugin popular que permite añadir y personalizar fácilmente las fuentes de Google Fonts sin necesidad de tocar el código.

Conclusión

Añadir fuentes personalizadas a tu sitio de WordPress es una excelente manera de mejorar su apariencia y hacer que se destaque. Ya sea que elijas usar un servicio como Google Fonts, subir tus propias fuentes o utilizar un plugin, tienes múltiples opciones para lograr una apariencia única y profesional. Sigue estos pasos y disfruta de un diseño tipográfico mejorado en tu sitio web.