Hay alrededor de 1000 fuentes de Google diferentes que se pueden usar de forma gratuita. Es un número casi increíble de opciones. Con el fin de integrar la fuente ideal en su propio sitio web, esta selección no se lo pone fácil al usuario. Es por eso que hemos compilado una lista de las mejores fuentes de Google aquí.
También explicamos la mejor manera de utilizar Google Fonts en un sitio web de WordPress.
Además de la decisión estética a la hora de elegir una fuente, hay otros criterios a tener en cuenta. La tipografía del sitio web puede tener una influencia decisiva en la tasa de rebote y la tasa de conversión.
Sin embargo, otro punto crucial es el flujo de lectura de los usuarios de tu sitio web. Si esto se influye negativamente, esto tiene consecuencias de gran alcance.
Vale la pena invertir tiempo en elegir la fuente correcta de Google al crear un sitio web. Elegir la primera fuente que aparezca no es una buena decisión.
Las 10 mejores fuentes de Google en 2019: según el comportamiento general del usuario
Según un estudio de Google Fonts Analytics, se determinó el comportamiento general de los usuarios. Con alrededor de 25 billones de vistas de fuentes, Google tiene suficientes datos en sus manos para analizar resultados significativos.
¿Listo para aprender más? Perfecto.
Así que echemos un vistazo a las fuentes más populares y veamos las recién llegadas para 2020, que ya han crecido en popularidad en 2019.
Roboto
-serifa
Tipos: 12
Roboto es una fuente sans-serif de Christian Robertson, desarrollada por Google para el sistema operativo Android. Ahora es extremadamente popular, está disponible en diferentes variantes y, por lo tanto, se clasifica varias veces en Google Fonts Analytics. Esto significa que Roboto es la fuente más popular por sí sola, pero Roboto Condensed como variante también es extremadamente popular y ocupa el sexto lugar, Roboto Slab en el 13º lugar.
Open Sans
Sans-serif
Tipos: 10
Open Sans también es una fuente sans-serif desarrollada por Steve Matteson. Google utiliza Open Sans en varios de sus sitios web, en sus anuncios impresos y para la publicidad en línea.
Lato
Sans-serif
Tipos: 10
Lato también es una fuente sans-serif muy popular de Lukasz Dziedzic.
Slabo 27px/13px
Serifa
Tipos: 2
La fuente Slabo Serif fue desarrollada por John Hudson de Tiro Typeworks. Esta fuente está especialmente diseñada para un tamaño específico. Ya sea 27px o 13px, dependiendo de las necesidades de los usuarios.
Oswald
Sans-serif
Tipos: 6
Oswald es una fuente sans-serif desarrollada por Vernon Adams.
Fuente: Sans Pro
Sans-serif
Tipos: 12
Fuente: Sans Pro es una fuente sans-serif de Paul Hunt. La fuente fue desarrollada para Adobe y fue la primera fuente de código abierto.
Montserrat
Sans-serif
Tipos: 18
Montserrat es una fuente sans-serif de Julieta Ulanovsky. La fuente tiene 18 tipos diferentes.
Raleway
Sans-serif
Tipos: 18
Con sus 18 fuentes diferentes, Raleway ofrece una selección particularmente grande. La fuente fue desarrollada por Matt Mclnerney. Hay otra subespecie punteada llamada Raleway Dots, que a menudo se usa para titulares.
PT Sans
Sans-serif
Tipos: 4
La fuente PT Sans fue desarrollada para las publicaciones oficiales de la Federación Rusa. Incluye letras latinas y cirílicas. Hay varias variantes disponibles, así como opciones «serif».
Lora
Serifa
Tipos: 4
Lora es una fuente serif popular. A menudo se utiliza para el diseño web, así como para el diseño de impresión.
Fuentes adicionales y fuentes populares en 2019 / 2020
Las diez fuentes presentadas anteriormente son (en orden) las fuentes más populares en Google. Pero también están los grandes escaladores de 2019 y 2020. Todavía son poco conocidos y, por lo tanto, aún no están tan presentes en las cifras de análisis.
Así que aquí están nuestros favoritos de los recién llegados:
Noto Sans / Serif
Sans-serif o serif
Tipos: 4
La fuente Noto fue un encargo de Google. La fuente está disponible en serif y también en la variante sans serif. Aparecen nuevas actualizaciones a ciertos intervalos. Ahora hay más de 100 fuentes Noto.
Nunito Sans
Sans-serif
Estilos: 14
Nunito Sans es una opción sans serif que está creciendo en popularidad (su uso se ha triplicado desde el año 2019).
Concierto Uno
Sans-serif
Tipos: 1
Concert One es una fuente sans serif redondeada. Es especialmente adecuado para titulares.
Pronto
Sans-serif
Tipos: 18
Promt es una fuente sans-serif del diseñador tailandés Cadson Demak.
Work Sans
Sans-serif
Tipos: 9
Work Sans es una fuente sans serif optimizada para su visualización en monitores y para su uso en la web.
Cómo se combinan las diferentes fuentes de Google.
¿Así que ya has encontrado la fuente de Google correcta? Entonces te felicitamos. Ahora te espera otra gran tarea. Ahora es el momento de combinar Google Font con otras fuentes en su sitio web.
A medida que sigas leyendo, te explicaremos qué opciones tienes para encontrar la mejor combinación de tus fuentes.
El sitio web de Google Fonts sugiere combinaciones populares. Probablemente ya lo hayas visto si has llamado a los enlaces anteriores a las fuentes individuales en Google.
https://joewp.com/wp-content/uploads/2019/12/google-font-kombinationen-1.jpg
Pero también hay otros portales donde puedes obtener sugerencias para combinaciones de fuentes, por ejemplo, en el sitio web de Font Pair.
Las mejores combinaciones para usar Google Fonts con WordPresss
Aquí tienes algunos consejos para utilizar Google Fonts en WordPress.
Limitar el número de tamaños de fuente
Algunas de las fuentes enumeradas anteriormente, como Montserrat o Raleway, están disponibles en 18 tamaños de fuente diferentes. Esto es perfecto si estás buscando una amplia selección. Sin embargo, para que el tiempo de carga del sitio web de WordPress no se salga de control y el sitio web se vuelva demasiado lento, debe limitarse a las fuentes absolutamente necesarias y solo usarlas. Este es un punto muy importante para que el rendimiento de tu sitio web no se deteriore.
Recomendamos no usar más de un máximo de dos tamaños para la mayoría de las fuentes:
-Regular
-Audaz
Puedes definirlo tú mismo a través de la pestaña «Personalizar» de Google Fonts si quieres utilizar tus propias fuentes y no quieres utilizar las fuentes preestablecidas en el tema de WordPress correspondiente.
Si estás utilizando un tema profesional de WordPress (como: Avada o Divi), puedes establecer qué fuentes de Google y qué tamaños se deben usar.
Otra opción es utilizar «fuentes variables», que son muy populares en este momento. Son compatibles con todos los navegadores modernos. Estas son fuentes que solo requieren un archivo de fuente. Sin embargo, todavía no hay una gran selección de ellos.
Aloja Google Fonts localmente en tu servidor
Si no desea cargar Google Fonts desde el servidor de Google, también puede alojarlos localmente en su servidor. En la mayoría de los casos, esto también conducirá a un mejor rendimiento de su sitio web. Además, la mayoría de las fuentes de Google ya están almacenadas en caché en los navegadores de los usuarios.
Si tienes tus propias fuentes (no Google Fonts), definitivamente deberías considerar cargarlas a través de tu propia CDN.
Utilice fuentes que se actualicen regularmente
El mismo principio se aplica a las fuentes que a los plugins y temas de WordPress. Los desarrolladores publican constantemente actualizaciones y mejoras. Este es el caso de la mayoría de las fuentes presentadas aquí.
Preste atención a la legibilidad de las fuentes utilizadas
Si sigues estas directrices, tu contenido será accesible para personas con discapacidades, ceguera, baja visión, sordera, problemas de aprendizaje, deficiencias cognitivas, movilidad limitada, impedimentos del habla, sensibilidad a la luz o una combinación de las anteriores. Según la Organización Mundial de la Salud, hay aproximadamente 260 millones de personas con discapacidad visual. 40 millones de personas son ciegas y 220 millones de personas tienen una discapacidad visual de moderada a muy grave.
Otro ajuste muy importante es el contraste de color. El mejor contenido de su sitio web no sirve de nada si los usuarios de Internet tienen dificultades para leerlo y lo encuentran una carga. Como resultado, abandonarán su sitio web y ciertamente no volverán.
Por cierto, el motor de búsqueda Google evalúa los criterios anteriores como factores de clasificación decisivos y, por lo tanto, la propia posición en los resultados de búsqueda depende del cumplimiento de estas directrices.
Hay varias formas de probar el cumplimiento de estos criterios en su sitio web. Probamos los sitios web que creamos a través del modo incógnito en el navegador Chrome con la herramienta «Lighthouse». En este caso, se deben seguir los resultados de los puntos «Accesibilidad» y «Mejores prácticas». Si se sugieren optimizaciones en la prueba, deben llevarse a cabo en el sitio web. Después de eso, puede estar seguro de que Google calificará el sitio web positivamente. Por cierto, también ofrecemos estas optimizaciones con nuestro módulo de rendimiento para sitios web no creados por nosotros.
