¿Te gustaría agregar fuentes personalizadas a WordPress?

Créeme, la policía también un papel muy importante para jugar en tu blog y ganará mucho al agregar una fuente adaptada no solo al contexto de su blog, sino también a su tema de WordPress.

En este tutorial, le mostraré cómo agregar fuentes personalizadas a su blog de WordPress usando Google Fonts, TypeKit y CSS3.

El uso de fuentes personalizadas en Temas de WordPress se ha vuelto común. De hecho, hay varios Temas de WordPress que ofrecen varias fuentes para elegir. Sin embargo, cargar todas estas fuentes al mismo tiempo puede ralentizar considerablemente la carga de una página.

cómo agregar fuentes personalizadas de wordpress 1 1

Y si tu blog es lento, te sugiero Algunas soluciones a los problemas de rendimiento en WordPress

Esta es una de las razones por las que lo vamos a hacer de la manera correcta, cargando solo la fuente personalizada que queremos usar en el blog.

Pero antes que nada, primero es importante saber cómo buscar fuentes y al mismo tiempo consultar las Los complementos de 7 WordPress para tener en cuenta la tipografía de tu blog

¿Cómo encontrar las fuentes y el uso de WordPress

Las fuentes no son tan escalables como solían ser. Sin embargo, hay varias fuentes donde puede encontrar fuentes como " Google Fonts "," TypeKit "," FontSquirrel "Y" Fonts.com ".

Cómo agregar una fuente de WordPress Google Fuentes

Tipografía WordPress fuentes google

Google Fonts es una biblioteca muy grande de fuentes gratuitas que puedes usar en varios proyectos.
Todo lo que necesita hacer es acceder " Google Fonts Y seleccione la fuente de su elección. Luego haga clic en " seleccione esta fuente »Aparece una pestaña en la parte inferior derecha de la pantalla.

Tutorial de wordpress de tipografía de Google Fonts

Haga clic en esta pestaña que se expande como en la imagen de arriba. Podrá personalizar el estilo de la fuente a incluir haciendo clic en Personalizar. Solo tiene que seleccionar el estilo que desea ver en su blog.

A continuación, debe desplazarse hacia abajo hasta el " Incrustar ". Luego deberá copiar el código ubicado en la sección " ESTANDAR ". Este es el código que puede agregar en el " encabezamiento Del tema de tu hijo.

Eso es todo lo que hay que hacer para agregar una nueva fuente de Google a su blog de WordPress.

Cómo añadir una fuente utilizando TypeKit

Tipografía fuentes de WordPress typekit 2

TypeKit es otro servicio gratuito y premium que ofrece fuentes que puede usar también en sus diferentes proyectos. Ofrecen suscripciones premium y suscripciones gratuitas.

Solo necesita tener una cuenta de Typekit y crear una nueva " kit ".

Tipografía fuentes de WordPress typekit

Luego deberá seleccionar la fuente de la biblioteca de Typekit y agregarla a su proyecto. Después de eso, tome el código de su kit y agréguelo desde su tablero.

Tipografía fuentes de WordPress typekit 1

Para agregarlo a su tablero, simplemente necesita instalar y activar el complemento " Typekit Fuentes para WordPress ".

Después de su activación, simplemente debe acceder al " Configuración> Fuentes Typekit Y pegue el código de su kit en el " reglas CSS personalizados ".

Typekit pasta-a-kit

La fuente se puede utilizar de la misma forma, es decir, especificando el nombre de la familia para elementos específicos o para todo el documento.

Cómo añadir una fuente utilizando el CSS3 (@ font-face)

La forma más directa de incrustar una fuente en tu blog es agregarla usando "font-faces" a través de CSS3. Este método le permite agregar cualquier tipo de fuente que desee en su blog.

Lo primero que debe hacer es descargar la fuente de su elección en formato web. Si no tiene esta fuente en formato web, puede convertirla gratis en " Fuente Web Generador FontSquirrel ".

Una vez que tenga los archivos en el formato " web », Deberá enviarlos directamente a su servidor. Le recomiendo encarecidamente que lo agregue al " fuentes Del tema de su hijo utilizando un cliente FTP (FileZilla es mi recomendación).

Si desea avanzar en este procedimiento, consulte nuestro tutorial sobre Cómo utilizar FTP en Windows 10

Volvamos a nuestra meta.

Una vez hecho esto, puede integrar la fuente de esta manera:

integración-Policía

Para usarlo en cualquier lugar, simplemente deberá definir el nombre de la fuente como especificó en el cara inferior »Anterior (ver el valor del atributo font-family ).

Utilice el código-font-face

Eso es todo lo que había que saber sobre el uso del código CSS3. Sin embargo, debo especificar que el método con la funcionalidad "font-face" es más adecuado para desarrolladores.

También se utilizan y recomiendan otras soluciones y herramientas para administrar o manipular las fuentes en su sitio web.

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. CommentPress

CommentPress es un potente complemento compacto de WordPress que te permite insertar, editar y eliminar comentarios de forma rápida y sencilla. CommentPress utiliza Ajax, jQuery y PHP para brindar a los visitantes la capacidad de insertar comentarios sin tener que volver a cargar la página.

ComentarioPresione Comentarios Ajax Insertar Editar y Eliminar comentarios

Este complemento tiene muchas opciones de personalización, para darle el aspecto y apariencia que desea. Tiene un captcha para bloquear el spam y le da más seguridad a tu sección de comentarios.

Sus principales características son: la fácil inserción de comentarios, la posibilidad de que los usuarios respondan a comentarios específicos, la paginación de comentarios, la gestión completa de la administración de la sección de comentarios, botones para fácil inserción de imágenes, videos y enlaces, un diseño totalmente receptivo, un Captcha para asegurar el formulario y evitar el spam, y mucho más.

Descargar | Demo | alojamiento web

2. Galería Everest

Como su nombre indica, es el pináculo de plugins de WordPress galeria de fotos premium. Esta herramienta ultra personalizable te permitirá crear galerías de cualquier estilo en tan solo unos minutos.

Complemento de Wordpress de la galería de WordPress adaptable de Everest Gallery

Everest Gallery se puede utilizar para mostrar artículos, tipos de publicaciones personalizadas, taxonomías/categorías personalizadas, Productos de WooCommerce, productos personalizados, galerías de imágenes y archivos adjuntos, videos, características de productos, escaparate de clientes, carteras, miembros del equipo, capturas de pantalla, etc., totalmente receptivo.

Everest Gallery viene con documentación completa y más que opciones de 30 para personalizar completamente el aspecto de la galería. Con las opciones de personalización disponibles, puede utilizar este Plugin de WordPress para presentar cualquier cosa fácil y efectivamente. 

Descargar | Demo | alojamiento web

3. WP Media Manager

WP Media Manager es uno de los mejores y más poderosos plugins de WordPress Gestión de la biblioteca de medios. Es excelente para administrar carpetas y su facilidad de uso le permite organizar sus miles de archivos multimedia.

WP Media Manager El complemento de WordPress Media Manager más fácil

Simplemente use el método de arrastrar y soltar para insertar los archivos multimedia en carpetas / subcarpetas. Esta capacidad no solo le permite mejorar la administración de archivos, sino que también le permite administrar carpetas. Lo que generalmente es imprescindible para los usuarios novatos.

Ce Plugin de WordPress cuenta con funcionalidades como creación de carpetas, filtrado de estas, 3 magníficas galerías responsive, posibilidad de duplicar archivos, creación de una jerarquía ilimitada y muchas otras…

Descargar | Demo | alojamiento web

Otros recursos recomendados

Vaya más allá en el uso de fuentes personalizadas en WordPress consultando también los enlaces o recursos recomendados a continuación.

Conclusión

Listo ! Eso es todo por este tutorial sobre la mejor manera de agregar fuentes personalizadas a WordPress. Si tienes alguna sugerencia o comentario, será bienvenido.

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

N'' no dudes en compartirlo en tus diferentes las redes sociales. Si tienes comentarios o sugerencias, no dude en contarnos en la sección reservada para estos.

...