Cómo cambiar las fuentes en WordPress sin problemas

Las fuentes en WordPress son una parte crucial de la marca de una empresa. Si bien algunos pueden descartar las fuentes como irrelevantes, para muchos son una parte esencial de su sitio web.

Junto con los colores, las imágenes, los logotipos y otros elementos de la marca, las fuentes juegan un papel vital en la imagen de su marca y en cómo los clientes la perciben. Dado que ofrecen una gran cantidad de opciones, WordPress es una de las mejores plataformas para la personalización.

A pesar de que hay muchas opciones de fuentes gratuitas, es esencial saber cómo cambiar las fuentes en WordPress, lo que puede requerir algún conocimiento de la codificación CSS.

Este artículo creado por nuestro equipo en wpDataTables demostrará cómo cambiar las fuentes en WordPress fácilmente.

Cómo cambiar las fuentes en los temas de WordPress

Veamos el siguiente escenario. Desea diferentes combinaciones de fuentes para su sitio web, pero algo le impide avanzar.

Cambiar las fuentes en los temas puede ser un desafío porque generalmente vienen con fuentes predeterminadas que se usan en varias partes del tema. Debe ubicar el script CSS que está configurando la fuente para el área específica, ya sea el pie de página, el encabezado, el cuerpo u otras partes.

Se requerirá algo de codificación previa si desea utilizar una fuente completamente nueva. Primero, elija una fuente con licencia para su sitio web y luego cárguela en el servidor. En la parte superior de style.css, también deberá definir la familia de fuentes. Aquí hay un ejemplo de cómo podría verse el código:

@font-face {font-family: Museo300;
src: local('Museo300-Regular'),
url("fonts/Museo300-Regular.ttf") format('truetype’);
font-weight: normal;}

Cómo cambiar las fuentes en WordPress globalmente con la función de personalización

Cambiar las fuentes con la función de personalización es sencillo. Primero, inicie sesión en su perfil de WordPress y acceda al tablero, haga clic en Apariencia y luego en Personalizar.

Otra forma de acceder a esta área es iniciar sesión en su panel de control de WordPress, hacer clic en el nombre del sitio en la parte superior izquierda y luego hacer clic en el botón Personalizar.

Luego, desplácese hacia abajo hasta el lado izquierdo y ubique el campo donde puede agregar código CSS adicional. Haga clic en él para agregar el código. Aquí hay un ejemplo del código:

* {font-family:"Courier New", Courier, monospace}Copy

Cuando agrega el * al principio, agregará la fuente a todo el sitio. Cuando pegues el código, cambiará instantáneamente. Cuando esté listo para realizar los cambios, haga clic en el botón Publicar.

Cómo cambiar las fuentes en WordPress en áreas específicas del tema

Los temas vienen con fuentes preestablecidas en varias áreas, y necesitará diferentes fuentes para diferentes áreas de su sitio, lo que agrega personalización. Identificar temas en diferentes áreas es un desafío.

Encontrará una fuente para el cuerpo que está separada del resto, que se puede usar para determinar las fuentes no definidas por una etiqueta, clase o div.

body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 1em;
padding:0;
margin:0; }

Probablemente encontrará las fuentes en las diversas clases de CSS: contenido, publicación, entrada y publicación posterior.

Agregar fuentes personalizadas

Agregar fuentes personalizadas es una de las mejores formas de cambiar los encabezados y la fuente base. Vaya a Diseño > Personalizar > Fuentes.

Cambiar a una fuente personalizada es fácil. Hay muchas fuentes geniales que se encuentran en Google Fonts, Typekit y, por último, con la suscripción premium de WordPress o superior.

Cómo hacerlo:

• Ir a Diseño >
• Haga clic en Fuentes en la sección Personalizar. Luego, haga clic en el menú desplegable para ver las opciones disponibles en la opción Encabezados.

• Si las fuentes aquí no están visibles, es probable que el tema no ofrezca la opción de cambiar las fuentes a fuentes personalizadas. En ese caso, busque otro tema que ofrezca esta opción.
• Las fuentes a menudo vienen en pares, una para los encabezados y otra para el cuerpo. Para los encabezados, es esencial elegir una fuente que sea atractiva para los títulos, los títulos de los widgets, los encabezados de los comentarios y otras áreas del texto. La fuente base será la fuente del cuerpo del texto, así que hágala lo más legible posible.

• Verá una vista previa en vivo antes de que pueda elegir una fuente.

Cómo ajustar el tamaño y el estilo de fuente

Para ajustar el estilo de fuente, haga clic en la opción a la izquierda de la fuente. Tendrás diferentes estilos disponibles, dependiendo de la fuente elegida.

Para ajustar el Tamaño de fuente, vaya a la opción de tamaño a continuación y ajuste el tamaño de fuente. Hágalo apropiado para los encabezados o para el cuerpo, lo cual es fácil de hacer desde el menú desplegable.

Suscripción premium de WordPress o superior, permite cambios en el tamaño de fuente en el código CSS.

Cómo guardar fuentes

Cuando haya terminado con las opciones de personalización, la fuente se guarda de dos maneras: haciendo clic en Publicar su sitio o en Guardar borrador.

Después de guardar, espere un par de minutos para que las fuentes aparezcan en el blog. Si no aparecen, intente borrar el caché de su navegador para asegurarse de que sea la última versión del sitio.

Cómo cambiar las fuentes

Aquí se explica cómo cambiar las fuentes en WordPress una vez que haya creado una fuente personalizada.

Cambie las fuentes personalizadas yendo a Diseño y luego a Personalizar. Luego, vaya a Fuentes, seleccione un encabezado o fuente base diferente. También puede volver a la fuente predeterminada haciendo clic en la X, que se encuentra a la derecha del nombre de la fuente personalizada.

Para completar los cambios de fuente, haga clic en Publicar o Guardar borrador.

Una vez más, las fuentes pueden tardar unos minutos en aparecer, y es esencial borrar la memoria caché del navegador.

Restablecimiento de fuentes

Para restablecer las fuentes, simplemente presione la X junto a la fuente actual que usa.

Cómo poner fuentes en cola

Para agregar correctamente las fuentes para WordPress, deberá modificar varios archivos; lo más importante, el archivo functions.php o el archivo function_wp; enqueuer_script y wp_enqueue_style.

Con fragmentos de código, simplemente cambie la fuente sin ingresar el código en los archivos. Simplemente agréguelos al encabezado a través de una función.

Wp_enqueue_script y wp_enqueue_style son archivos similares, por lo que es mejor cambiar el archivo de estilo, según lo que ofrezca su proveedor de fuentes.

Google Fonts dará fuentes como hojas de estilo, así que agrégalas así:

function add_google_fonts() {

Otras fuentes, como Adobe Edge Web Fonts, vendrán en forma de archivos Javascript. El código se vería así:

function add_adobe_fonts() {

Una vez que sepa dónde hacer los cambios de fuente, esta función se vuelve simple.

Cómo cambiar el tamaño de fuente

Ajustar el tamaño de la fuente es fundamental, simplemente ajustando los tamaños de los encabezados. Al usar un editor visual, todas las opciones se encuentran en la pestaña llamada "Párrafo".

Por lo general, los tamaños de fuente están controlados por el archivo style.css, que permitirá el acceso a los tamaños de fuente.

Usar los encabezados correctos en los artículos es esencial para crear una experiencia de usuario satisfactoria, así como para que sea más compatible con SEO.

Si disfrutó leyendo este artículo sobre cómo cambiar las fuentes en WordPress, debe consultar este sobre cómo descargar la biblioteca de medios de WordPress.

También escribimos sobre algunos temas relacionados, como cómo encontrar la ID de la página en WordPress, cómo incrustar un iframe de WordPress, cómo eliminar JavaScript y CSS que bloquean la representación en el contenido de la mitad superior de la página, cómo detener un ataque DDoS y cómo para ocultar el título de la página en WordPress.