3 métodos sencillos para cambiar las fuentes de WordPress

"¿Cómo cambiar las fuentes en WordPress?" es una de las consultas más comunes entre personas con conocimientos mínimos de tecnología, y aquí hay una buena respuesta a esa pregunta.

Puedes cambiar tus fuentes de WordPress tantas veces como quieras usando este sencillo método.

Para cambiar tus fuentes de WordPress, ve al menú Apariencia , haz clic en la opción Personalizar y ve a Fuentes . Ahora puede seleccionar la fuente de su elección o volver a la fuente predeterminada haciendo clic en la marca x . Una vez que haya elegido la fuente de WordPress deseada, haga clic en el botón Guardar borrador para guardar los cambios.

Así es como se ve.

Más adelante en este artículo, explicaremos los otros 3 métodos simples para cambiar las fuentes de WordPress. Vamos a empezar.

Relacionado: ¿cómo editar tu pie de página de WordPress?

¿Cómo cambiar las fuentes en WordPress?

Técnicamente, hay muchas formas de cambiar la fuente en los sitios de WordPress. Sin embargo, aquí hemos mencionado 3 de las formas más básicas de hacerlo. Comencemos con el más común.

1. Verifique lo que puede cambiar con el tema de su sitio o las opciones de fuente de Page Builder

La mayoría de las personas no usan los temas de sitio predeterminados de WordPress, ya que no son lo suficientemente buenos para los sitios de negocios. Aunque estos temas están bien codificados, son solo piezas conceptuales. Puede obtener más información sobre esto en nuestra guía sobre Ecommerce CMS.

Es una gran idea seleccionar un tipo específico de tema que mejor se adapte a sus necesidades en palabras más simples. Aunque elegir uno premium le brindaría excelentes opciones de personalización, también hay opciones decentes gratuitas por las que puede optar si tiene un presupuesto ajustado.

La mayoría de estos temas le permitirían acceder a todo el conjunto de fuentes de Google desde donde puede elegir las fuentes adecuadas para su sitio de WordPress.

Por lo general, hay dos formas de cambiar la fuente en WordPress a través de temas. En primer lugar, puede acceder al menú del personalizador y cambiar sus fuentes desde allí. Los otros temas vienen con un panel de administración dedicado con todas las opciones de diseño a las que necesitas acceder.

Estos paneles de administración son mucho más fáciles de navegar. Solo necesita hacer clic en el menú desplegable correspondiente y seleccionar las fuentes de su elección. Los cambios pueden ocurrir inmediatamente.

El funcionamiento de los complementos de Page Builder también es bastante similar a este. Algunos de los más populares incluyen Elementor y Beaver Builder.

2. Instalar complementos de fuentes de WordPress

Si no le gustan las fuentes que se ofrecen en su tema, entonces otra excelente manera de cambiar sus fuentes de WordPress es instalar y activar un complemento de fuentes dedicado.

Ahora, normalmente hay dos tipos de complementos de fuentes que encontrará en el directorio de complementos de WordPress: complementos de incrustación de fuentes y complementos de carga de fuentes.

Los complementos de incrustación de fuentes le permiten obtener la fuente deseada de directorios dedicados, como Google Fonts, e incrustarla en su sitio.

Un gran ejemplo es el complemento OMFG - Optimize My Google Fonts. Además, también hay complementos disponibles para aquellos que usan las fuentes de suscripción de Adobe.

Vale la pena señalar que conectar su sitio con los servidores de Google o Adobe requerirá que realice algunos pasos adicionales. Sin embargo, esto también lo ayudaría a evitar algunos otros pasos que ocurren al implementar las fuentes manualmente.

Los complementos de carga de fuentes son muy diferentes a los de incrustación. Puede saber rápidamente esto con el nombre de que estos complementos le permiten cargar una fuente específica de su elección y usarla en su sitio. Aunque cualquier complemento relevante puede hacer el trabajo por usted, el complemento más popular para este trabajo es el complemento de tipografía de fuentes de Google.

3. Adición de fuentes personalizadas a través de codificación simple

Si está dispuesto a aprender cómo cambiar las fuentes en WordPress manualmente, entonces este método final es su camino a seguir. A pesar de que implica algo de codificación, la mejor parte de este método es que es bastante fácil de aprender. Incluso con el conocimiento promedio, puede aprender e implementar fácilmente este método.

En cuanto a la desventaja, es posible que no obtenga una amplia gama de opciones además del tema premium de un complemento dedicado. Sin embargo, aún puede mantener su sitio alejado de bloatware innecesario y usar una fuente de su elección.

Para implementar este método, necesitaría

• Conocimiento medio en CSS
• La fuente que desea incrustar en su sitio web
• Accede a tu núcleo de WordPress
• Algunos conocimientos sobre FTP (Protocolo de transferencia de archivos)

Vamos a explicarte esto con un ejemplo. Supongamos que elige una fuente de Google "Oswald".

Seleccione el estilo que desea incrustar. Le recomendamos que elija los estilos Negrita, Estándar y Cursiva. Una vez que haya elegido el estilo, la forma más fácil de incrustar la fuente es hacer clic en la pestaña Incrustar y copiar el código en la sección de su sitio.

Sin embargo, le sugerimos que opte por el método Enqueuing. En este método, primero deberá copiar el enlace a sus fuentes. aquí hay un ejemplo

'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap'

Ahora necesita acceder al archivo de su sitio de WordPress usando FTP. Desde aquí, debe abrir el directorio raíz del tema de su hijo y acceder a functions.php.

Una vez que haya abierto el archivo functions.php , ingrese el siguiente código. (Tenga en cuenta que debe reemplazar el enlace mencionado en el ejemplo con la fuente elegida).

función añadir_mi_fuente() {

wp_enqueue_style('add_my_font', 'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap', false );

}

add_action('wp_enqueue_scripts', 'add_my_font');

El último paso es declarar dónde desea utilizar las fuentes. Para lograr este propósito, debe acceder al archivo style.css en el directorio raíz de su tema secundario y agregar lo siguiente.

.cuerpo, .h1, .h2, .h3, .h4 {

familia tipográfica: 'Oswald', sans-serif;

}

Por lo general, esto le informaría a la interfaz de su sitio web que desea usar esta fuente específica en un estilo específico. Tenga en cuenta que también puede eliminar declaraciones si no desea aplicar nuevas fuentes en cada sección.

Aquí hay dos razones importantes por las que necesita seleccionar las fuentes correctas de WordPress.

¿Por qué es importante seleccionar la fuente correcta en el diseño web?

Para aquellos con poco o ningún conocimiento de desarrollo, el diseño de sitios web puede sonar como un proceso simple de elegir un esquema de color, fuentes y configurar una barra de navegación.

Sin embargo, no es muy fácil porque se necesita mucho para crear un diseño de sitio web efectivo además de la estética. Al elegir fuentes para su sitio de WordPress, debe considerar factores como la legibilidad, el marketing y si la fuente coincide con su marca.

Para ser específicos, hay dos formas principales en las que las fuentes afectarían el diseño de su sitio. Hablemos de ellos.

1. Usabilidad

La facilidad de uso es el aspecto más importante que afectará su elección de fuentes. Supongamos que elige una fuente que es más difícil de leer. Es más probable que sus prospectos abandonen su sitio por frustración y busquen alternativas.

2. Marca

La legibilidad es una cosa, pero también debe concentrarse en qué tan buena, relevante y elegante se ve su fuente con el tono de su marca. Es una gran idea considerar aspectos al elegir una fuente para su sitio en palabras más simples.

A ti

Ahí tienes Ahora conoce los tres métodos sencillos para cambiar las fuentes en WordPress. Es igualmente importante recordar que las mejores prácticas siguen cambiando, por lo que si encuentra alguna desconexión entre estos métodos y lo que se le presenta, le recomendamos que obtenga el asesoramiento de un experto.

Además, lea nuestras guías sobre temas como Reparar el error de la pantalla blanca de la muerte de WordPress y la etiqueta blanca para aumentar su conocimiento.