Cómo cambiar las fuentes en WordPress [The Easy Way]

¿Quiere cambiar la fuente utilizada en su sitio de WordPress?

Con las herramientas adecuadas, cambiar la fuente de su sitio o agregar varias fuentes nuevas es fácil. Siga este tutorial rápido y verá una nueva fuente en su sitio en los próximos minutos.

Cómo utilizar Easy Google Fonts

La mejor manera de cambiar la fuente en su sitio es con el complemento Easy Google Fonts.

Este complemento le brinda acceso a cientos de fuentes diferentes para usar en su sitio. Antes de continuar con el complemento, tomemos un momento para cubrir qué es Google Fonts.

Actualización: mi nuevo video tutorial lo guiará a través de los pasos (utiliza un complemento diferente al de este tutorial).

Suscríbete para competir temas en Youtube

¿Qué es Google Fonts?

Google Fonts brinda acceso a cientos de fuentes que se pueden usar de forma gratuita en cualquier sitio web. Para cualquier desarrollador web que busque agregar una fuente a su sitio, Google Fonts se lo pone fácil.

Si no conoce los entresijos de la creación de sitios web, ahí es donde entra en juego el complemento Easy Google Fonts. Se encarga de las partes técnicas por usted, por lo que todo lo que tiene que hacer es seleccionar las fuentes que le gustan.

¿Entiendo? ¡Genial, agreguemos esas fuentes!

Crea tu control de fuente

Cuando active el complemento, encontrará un nuevo elemento de menú de fuentes de Google agregado en Configuración. En esa página encontrará las siguientes opciones:

Luego, asignará fuentes a su "control de fuente" para que pueda tener múltiples controles de fuente con diferentes fuentes y configuraciones. Por ahora, todo lo que necesita hacer es nombrar su control de fuente.

Agregar un selector de CSS

Debajo del nombre del control, hay un cuadro donde puede definir los selectores de CSS que desea usar. Si no sabe qué es un selector de CSS, eso no es un problema.

Hay tres selectores CSS agregados por defecto. Haga clic en la "x" de cada uno para eliminarlos. Una vez eliminado, escriba un asterisco (*) y presione Intro. La configuración de los selectores de CSS ahora debería verse así:

El asterisco es un selector de CSS que apunta a todos los elementos HTML del sitio. En otras palabras, acaba de decirle a Easy Google Fonts que use su nueva fuente para todo el texto del sitio.

Forzar anulación de estilos

Recomiendo marcar también la casilla "Forzar anulación de estilos". Esto asegurará que la fuente que elija anule las fuentes utilizadas en el tema. No hay inconvenientes en el uso de esta opción, por lo que también puede comprobarlo y ahorrarle un minuto si las fuentes no se anulan sin ella.

Elija su nueva fuente

Ahora que Easy Google Fonts sabe a qué partes de su sitio afectará, puede indicarle qué fuente utilizar.

Visite el Personalizador para comenzar su selección de fuentes (Apariencia> Personalizar). Una vez allí, haga clic en la nueva sección Tipografía.

EGF funciona muy bien con el tema Period.

Esta sección revelará dos nuevas subsecciones: Tipografía predeterminada y Tipografía temática. Haga clic en la sección Tipografía del tema.

Ahora verá el control que nombró anteriormente. Haga clic en el botón Editar fuente para revelar las opciones de personalización.

Hay bastantes opciones, pero solo necesita editar dos.

Cambiar el script / subconjunto

Las fuentes tienen conjuntos de caracteres diseñados para adaptarse a diferentes idiomas. Si su sitio está en inglés, seleccione la primera opción, Latín.

Si elige "Todos los subconjuntos", los archivos de fuentes serán mucho más grandes y aumentará los tiempos de carga.

Elija la familia de fuentes

Aquí es donde finalmente puedes elegir tu nueva fuente. A medida que seleccione varias fuentes, verá que su sitio web se actualiza instantáneamente.

Si bien esta es sin duda una excelente manera de obtener una vista previa y cambiar las fuentes, no es una forma eficiente de navegar.

Te recomiendo que visites Google Fonts, que está bien diseñado para navegar y encontrar fuentes. Una vez que encuentre algunas fuentes que le gusten, regrese a su sitio y pruébelas con Easy Google Fonts

Agregar y personalizar más fuentes

Con suerte, ya te encantará tu nueva fuente, pero puedes hacer mucho más con Easy Google Fonts.

¿Recuerda la sección Tipografía predeterminada de antes? Puede usar eso para personalizar sus encabezados y párrafos. Además, no tiene que detenerse en cambiar la familia de fuentes, también puede cambiar el tamaño y el color de la fuente. Y si se siente cómodo con algunos selectores de CSS, puede personalizar la fuente en cualquier parte de su sitio.

Si tiene alguna pregunta sobre cómo cambiar las fuentes con WordPress o desea solicitar un nuevo tutorial, deje un comentario a continuación.