¿Cómo agregar fuentes personalizadas a WordPress?

Aprender a personalizar la tipografía de su sitio es un aspecto bastante básico para crear y ejecutar un sitio web. Puede cambiar el aspecto de todo el sitio web y hacer una gran diferencia en la forma en que los visitantes interactúan con sus clientes. Por lo tanto, debe saber cómo agregar fuentes personalizadas a WordPress. Elegir la fuente correcta crea un aspecto distinto para su sitio, le permite construir su marca visual y aumentar los lectores y la participación de los visitantes. Hay miles de fuentes disponibles en línea que puede usar, muchas de ellas gratis. Este artículo hablará sobre la adición de fuentes de dos de las bases de datos más populares de la fuente web en su sitio: Google Fonts y Adobe Fonts, también conocidas como Fuentes Typekit. Estas bibliotecas de fuentes incluyen miles de fuentes web que puede descargar.
Hay innumerables otras bibliotecas de fuentes en Internet con ellas y hablaremos de ellas. Estas son las formas en que puede agregar estas fuentes personalizadas a su sitio web:
contenido
Cómo agregar fuentes personalizadas a WordPress
1. Agregue las fuentes de Google usando el complemento
2. Agregue las fuentes de Google usando el código
3. Agregue las fuentes de Adobe Typekit a WordPress
Otras bibliotecas de fuentes personalizadas
Cómo agregar otras fuentes personalizadas usando el complemento
Cómo agregar manualmente otras fuentes personalizadas
Conclusión
Cómo agregar fuentes personalizadas a WordPress 1. Agregue las fuentes de Google usando el complemento Si tiene la intención de usar Google Fonts para enfatizar el contenido de su sitio de WordPress, entonces hay una herramienta útil que conecta directamente el personalizador de WordPress con la base de datos de Google Fonts. Easy Google Fonts es gratuito y le permite usar Google Fonts sin tener que trabajar con ningún código. Para este método, primero instale el complemento Fácil de Google Fonts. Una vez que el complemento esté configurado, encontrará una nueva opción llamada “tipografía” en su personalizador de WordPress (aspecto> personalización).
2. Una vez que acceda a la opción de tipografía, encontrará diferentes comandos de contenido predeterminado o fuente que puede personalizar. Puede encontrar la configuración de fuentes para ese grupo haciendo clic en “Editar fuente”.

Las configuraciones de fuentes son bastante extensas y le permiten personalizar prácticamente todos los aspectos del texto para crear el estilo de fuente deseado, como el tamaño de la fuente y más. Puede cambiar la fuente para la categoría de texto respectivo en la familia de fuentes en la pestaña de estilo.

En la pestaña Aspect, puede encontrar otras opciones comunes, como el color de la fuente, el tamaño de la fuente y la altura de la línea. Hay algunas verificaciones visuales en profundidad en la pestaña de posicionamiento, como margen, captura y borde. 3. Ahora, su sitio web también puede requerir especial atención a ciertas categorías de texto que pueden no ser abordados por los controles predeterminados de las fuentes proporcionadas por este complemento. Tal vez solo desee la misma configuración de impresión para todos sus títulos y desea que una sola categoría los controle todos. Puede crear cheques de fuentes personalizados accediendo a Google Fonts.4. Vaya a la pestaña Administrar Controles de fuentes y haga clic en “Crear un control de fuentes”.
5. Se le pedirá que proporcione selectores CSS para definir esta categoría en particular. Luego, haga clic en “Control de fuente seguro” para crear la nueva categoría/control de fuentes.

6. Los controles de fuentes personalizados se pueden encontrar en una ubicación diferente de los predeterminados. Regrese al personalizador de WordPress y haga clic en la opción de tipografía. Descubrirá que hay dos categorías: impresión predeterminada y tipografía temática. Los controles de fuentes personalizados se encontrarán en los temas de la opción de tipografía.

2. Agregue las fuentes de Google usando el código

Si desea agregar sus fuentes de Google a WordPress sin un complemento, puede agregar código a los archivos de temas. Es posible que desee crear un tema infantil para esto para que pueda cancelar los cambios si no le gusta.

2. Vaya al sitio de Google Fonts y encuentre la fuente que desee. Encontrará los diferentes estilos de cada fuente en la página de la fuente. Haga clic en el botón “Seleccione este estilo” para el estilo deseado. La fuente que seleccionó se guardará para su uso en una sección especial. En la parte superior derecha de la página, hay un botón para ver las fuentes seleccionadas. Abra una barra lateral con dos pestañas. Haga clic en la pestaña “Incorporar”. 3. Copie este enlace incorporado e insértelo en el archivo Header.php, justo antes de la etiqueta . 4. Si no desea lidiar con los problemas relacionados con trabajar con archivos temáticos, entonces hay un complemento útil llamado insertar encabezados y pies de página, lo que agrega fácilmente el código a sus archivos de tema. Puede usar este complemento a través de su propia sección de la barra de configuración titulada “Insertar encabezados y sótanos”. Simplemente pegue el código al cuadro “Escrituras en el encabezado”.
3. Agregue las fuentes de Adobe Typekit a WordPress Adobe tiene otra impresionante biblioteca de fuentes personalizadas con una versión gratuita y una pagada. Antes de comenzar a usar sus fuentes, necesita una cuenta en el sitio web de Adobe Fonts. Puede comenzar a navegar por las fuentes disponibles en la página Examine las fuentes.

Una vez que haya iniciado sesión en el sitio, puede usar las fuentes que le gusta haciendo clic en el botón .


2. Para obtener el enlace de incorporación, debe crear un proyecto web en las fuentes de Adobe y agregar la fuente elegida al proyecto.

3. Al igual que el proceso con Google Fonts, debe pegar este enlace construido en el archivo Header.php antes de la etiqueta . 4. Puede evitar trabajar directamente con los archivos de tema utilizando los encabezados y el complemento de pies de página. Simplemente acceda a la opción Insertar encabezados y sótanos de la barra de configuración e inserte el código de incorporación en el cuadro “Escrituras en el encabezado”. Esto importará las fuentes Typekit que elegiría. Otras bibliotecas de fuentes personalizadas, mientras que las fuentes de Google y Adobe son algunas de las bases de datos de fuentes web más populares. Pero, hay muchas otras bibliotecas de fuentes que puede explorar para descargar las fuentes correctas para su sitio de WordPress. Aquí hay algunos que puedes explorar:
Monstruo de plantilla

Ardilla de fuente


Fuga

1001 fuentes gratis
Fontón de fuentes
Fuentes abstractas
Myfonts
Cómo agregar otras fuentes personalizadas utilizando el complemento Hay un complemento útil llamado Fuente, lo que le permite saltar sobre los problemas para agregar fuentes personalizadas. Le brinda una interfaz simple a través de la cual puede agregar nuevas fuentes directamente desde el tablero y asignar las fuentes personalizadas a los elementos deseados.
Cómo agregar manualmente otras fuentes personalizadas Si desea agregar las fuentes deseadas, deberá cargar el archivo de fuentes en el directorio de WordPress. Use un tema infantil para esto para construir una capa de seguridad si no le gusta el nuevo aspecto o algunos cambios no deseados crean errores en su sitio web que su hijo le permitirá volver fácilmente a los cambios. Descargue la fuente deseada de cualquier biblioteca de fuentes, como Templamonter. Luego vaya a WP-Content/Themes/Your-Theme/Fonts y cárguelo a la carpeta de fuentes usando un cliente FTP. Si no hay fuentes de carpeta, cree una. Una vez que se cargue el archivo de fuente, deberá importar la fuente utilizando la hoja de estilo. Agregue el siguiente código al archivo style.css: @font-face {font-familia: font personalizado; SRC: URL (http://yourwebsite.com/wp-content/themes/twentynineteen/fonts/aguafinript-regular.ttf); Peso de fuente: normal; } Debe reemplazar a la familia de fuentes con el nombre de fuente que desea importar y la URL con la URL de su sitio web. Conclusión Después de los pasos anteriores, puede agregar fácilmente fuentes personalizadas a su sitio de WordPress sin ningún problema. Hay miles de fuentes web que solo puede usar desde las bases de datos de Google Fonts y Adobe Fonts. Con la elección correcta de fuentes personalizadas, su sitio puede ganar un encanto diferente, puede involucrar mejor a los visitantes y crear una estética mejor relevante para su tema.