homefinance blog
¿Le gustaría agregar Google Fonts a su sitio de WordPress? Así es como puede refrescar su lugar web y hacerlo más rápido, de moda y más atractivo. Hacer que la web sea más hermosa, más rápida y más abierta a través de una excelente tipografía en Google Fonts
Alojamiento superior recomendado por MEKS
Una excelente tipografía agrega solo un gran diseño. No se trata de tener un sitio atractivo, ya que desea ser tan cautivador y accesible. Y Google Fonts contribuye a esto, por lo que explicamos cómo usarlos para su blog o sitio de WordPress. Totalmente anotado, hay casos en los que los temas de WordPress ya vienen con fuentes integradas de Google, que es la forma más fácil de tenerlos. Si este es el caso, debe acceder a la sección Temas, porque todos nuestros temas están equipados con Google Fonts. Elija entre nuestros temas premium cuidadosamente diseñados y solo obtendrá la mejor calidad del código, completamente preparado para Gutenberg y Creative Premium. temas de calidad.
¿Qué son las fuentes de Google? “Google Fonts se lanzó por primera vez en 2010 como una iniciativa de ingeniería para avanzar en la Web y hacerlo más rápido”. – Google Design Google Fonts es uno de los directorios de código abierto más grandes de fuente web gratuita. Actualmente, hay más de 900 fuentes que puede elegir para sus proyectos web. No necesita una licencia para usarlos, se carga rápidamente, lo que mejora la velocidad de carga de su sitio y puede usarlos para proyectos fuera de línea e impresos. Algunos de los mejores diseñadores trabajan para crear estas fuentes, asegurándose de que todos obtengamos la mejor calidad. En cambio, en los casos en que las fuentes de Google no se almacenan localmente, siguen datos específicos como: información del navegador (nombre y versión)
El sitio web del que se solicitaron Google Fonts
Información sobre el sistema operativo y la resolución de la pantalla
Dirección IP del usuario
Configuración del idioma del navegador
Puede encontrar más al respecto y cómo Google respeta GDPR en este hilo GitHub. ¿Por qué usar Google Fonts? Google Fonts es una excelente forma gratuita de darle al blog o al sitio web un aspecto moderno y único. Mejoran la legibilidad, la participación y la accesibilidad general de su sitio y, como dicen en su sitio web: “Google Fonts trata con todas las licencias y alojamiento, asegurándose de que la mejor y la mejor versión de cualquier fuente esté disponible para todos”.
Su blog o sitio web funcionará sin problemas, porque Google Fonts está a cargo del alojamiento, obtiene el archivo más pequeño posible para usar en su sitio y le asegura que solo tiene la mejor calidad y diseño en sus fuentes. Obtenga más información sobre cómo Google Fonts hace que la web sea más rápido. ¿Cómo agregar Google Fonts a un sitio de WordPress? Además de tener un tema de WordPress que ha integrado las fuentes de Google, hay dos formas más que puede tener en su blog. ¿De marca personal? Guía del bricolaje paso a paso
Agregue manualmente las fuentes de Google a WordPress que agregue las necesidades manuales de reproducir un poco con archivos temáticos de WordPress y un poco de codificación, pero no se preocupe, no es difícil en absoluto. Vaya a Google Fonts y elija la fuente que desee. Al hacer clic en él, le permitirá continuar personalizando la configuración de fuentes y, una vez que la termine, tome el código de incorporación para usarlo.
Lo importante que debe recordar es que la integración de una fuente en cualquier sitio web requiere 2 pasos. 1. Cargue Google Font primero, debe cargar el archivo fuente de fuente, que es lo que ve en la sección de incorporación de fuente de Google Font. Dentro de las funciones del archivo.php de su base (o tema secundario) simplemente pegue el siguiente fragmento de código:
Php
/ * Integrando las fuentes de Google en WordPress – Ejemplo */
add_action (‘wp_enqueue_scripts’, ‘meks_google_font_example’);
Function meks_google_font_example () {
$ font_href = ‘https://fonts.googleapis.com/css?family=lato&display=swap’;
wp_enqueue_style (‘meks-gooogle-font-exame’, $ font_href);}
!
1
2
3
4
5
6
7
8
9
10
add_action (‘wp_enqueue_scripts’, ‘meks_google_font_example’);
Function meks_google_font_example () {
$ font_href = ‘https://fonts.googleapis.com/css?family=lato&display=swap’;
wp_enqueue_style (‘meks-gooogle-font-exame’, $ font_href);
}
Alternativamente, puede colocar toda la etiqueta del enlace en la sección de incorporación en cualquier lugar entre sus etiquetas HTML, que generalmente se pueden encontrar en el archivo de encabezado del tema.php.
2. Aplique la fuente de Google para ciertos elementos, la segunda parte es una regla CSS que le dice al navegador qué elementos de la página deben usar la nueva fuente. Para esta es la sección “Especificar en CSS” Font Google. Puede ser un poco complicado si no está familiarizado con CSS COD, pero aquí están los ejemplos más comunes. Estas reglas CSS deben colocarse directamente en el archivo style.css del tema (o un tema secundario) o, como se muestra en la imagen a continuación, en el campo CSS adicional de la personalización de WordPress:
El primer fragmento aplicará la nueva fuente al texto habitual en el sitio, mientras que el segundo aplicará el título de los títulos y los elementos del título.
Felicidades, acaba de agregar Google Fonts a su sitio de WordPress, agregue Google Fonts a través de un complemento
Easy Google Fonts es un complemento gratuito de WordPress que puede usar para agregar y administrar las fuentes de Google en cualquier tema de WordPress sin ninguna codificación. Con esto, obtendrá el control total sobre la tipografía de su tema, agregará y eliminará las fuentes, obtendrá una vista previa de los cambios de fuentes, creará controles personalizados ilimitados y más. ¿Como funciona? Una vez instalado, fácil Google Fonts agrega la función de tipografía en la página de la página> Cliente. Aquí agregue y administre las fuentes de Google; Es el estilo, la apariencia, el posicionamiento. Dependiendo de su tema de WordPress, algunas secciones podrían ser limitadas, por lo que puede crear comandos de fuentes para administrarlos. Simplemente acceda a la configuración> Fuentes de Google y cree cualquier control para las fuentes que necesita, agregue cualquier selector CSS adicional y guárdelo. Luego vuelva a buscar> Personalización> Impresión y encontrará los nuevos comandos en la opción ThemetyPography:
Tan fácilmente
Ver también: ¿Cómo puede WordPress ayudarlo a construir y aumentar la conciencia de su marca?
Las mejores fuentes de Google para usar tipografía hablan antes de ser leídos. – Estudio de Cambridge
Ahora que conoce las formas de agregar Google Fonts a su sitio, hablemos de algunos de los mejores de usar. Y según sus propios análisis de Google Fonts y más de 30 billones de vistas totales, aquí están las primeras 5 fuentes de Google a considerar.
Roboto una fuente sin serie con curvas amigables y abiertas, que viene en 12 estilos diferentes. Según Google Fonts Analytics, Roboto tiene más de 26,000,000 de sitios web.
Open Sans Open Sans es una fuente de la serie de fuentes que viene en 10 estilos diferentes y está optimizado para interfaces impresas, web y móviles, lo que la convierte en una de las fuentes de Google más populares. Según los análisis de Google Fonts, Open Sans está en más de 25,000,000 de sitios web. Lato Lato (o verano, polaco) es otro excelente Font-Serif, que tiene diez estilos diferentes para elegir. Tiene ese estilo corporativo que se puede usar en varios proyectos. Según Google Fonts Analytics, Lato tiene más de 12,000,000 de sitios web.
Oswald Oswald es, lo que le gusta llamar a la comunidad, un tipo alternativo de fuente gótica de la serie sin serie. Viene en seis estilos diferentes y acepta la escritura cirílica. Según Google Fonts Analytics, Oswald tiene más de 8,300,000 sitios web.
SLABO 27PX SLABO 27 es una fuente creada para ser utilizada en publicidad en línea y otros proyectos web. Por esta razón, hace que sea muy popular usar. Según el análisis de Google Fonts, SLABO 27PX es más de 270,000 sitios web.
Aquí está. Las fuentes de Google más populares para usar. Si desea algo diferente, puede refinar su búsqueda por tendencia, momento de creación o nombre. Asegúrese de verificar todos los datos de fuentes en la barra lateral, ya que contiene información como popularidad de fuentes, uso, etc. Además, Google Fonts sugiere un apareamiento popular con la fuente que elija, lo que le ayuda a encontrar las mejores combinaciones. Consejo adicional Hablando de combinaciones de fuentes, hay varias formas de hacerlo. En los casos en que no desea o necesita contratar a un diseñador para ayudarlo, hay herramientas que puede usar. Fontpair es un gran sitio de tipografía que lo ayuda a aparear las mejores fuentes para sus proyectos. Recopile ejemplos reales de hermosas pares de fuentes con el enlace a la fuente. Además de esta opción, también puede buscar Google Fonts y puede ver todas las sugerencias de pareja que Fontpair ha hecho. Similar al anterior, otra herramienta excelente para combinar fuentes es el diseño web audaz. Le ayuda a combinar las fuentes para el par más accesible y cautivador. La conclusión espera que esta guía lo ayude a agregar fuentes de Google a su sitio de WordPress y elegir las correctas. Sin embargo, tenga en cuenta que necesita una fuente (s) que no solo sean lindas y útiles, sino también útiles y accesibles, lo que cubrí más en este artículo con consejos de diseño accesibles. Siéntase libre de compartir este artículo con sus amigos y decirnos cuál es su fuente de Google favorita.
