Saltar al contenido
Aprender Marketing

Las 15 mejores fuentes de Google+ en 2021

1.052 familias de fuentes de Google+ diferentes son gratuitas (después de la redacción de este producto). ¡Estas son todo tipo de opciones! Por lo tanto, no es de extrañar que necesite ayuda para encontrar la mejor lista de fuentes de Google Plus en el pajar.

Lo hemos reunido para usted y luego compartiremos algunas de las mejores prácticas para usar las fuentes de Google+ en WordPress.

La decisión de la fuente no es solo una decisión estética; puede marcar una gran diferencia en la tasa de rebote repentina y la tasa de conversión de una página web, especialmente si elige una fuente que es difícil de leer. Por lo tanto, en lugar de utilizar las fuentes encontradas originalmente, puede que te lleve un tiempo elegir la familia de fuentes de Google+ perfecta para tu sitio web.

Si necesita más fuentes, consulte las publicaciones con más de 50 fuentes modernas, puede usar estas fuentes en lugar de WordPress.

¿Por qué utilizar fuentes de Google+?

Hay enormes bibliotecas de fuentes en Internet, ¿qué hace que Google Fonts sea tan único?

Directorio de fuentes de Google Plus.

Además, ¡es gratis! Lo más importante es que Google+ administra y mantiene sus feeds de Google+, lo que significa que son seguros. Claro, hay muchos sitios web inteligentes que pueden descargar fuentes de forma gratuita, pero ¿quién sabe cuánto puede obtener de estos archivos?

En ocasiones, se cuestiona la calidad de las fuentes de esos sitios.

Google Plus ha seleccionado más de mil fuentes de alta resolución. A menos que sea un diseñador gráfico con una visión completa de la tipografía, esta es una opción más segura.

En segundo lugar, no existen restricciones de licencia complicadas. Todas las fuentes del índice de fuentes de Google Plus son de código abierto y se pueden utilizar en proyectos comerciales de forma gratuita. Puede descargarlos o incrustarlos en su ubicación e incluso utilizarlos en proyectos de impresión.

Aunque no existe una licencia única, la mayor parte del código fuente del archivo utiliza una licencia de código abierto.

Abra la licencia de la fuente.

Abra la licencia de la fuente.

Otras «fuentes gratuitas» rara vez son gratuitas y existen muchas restricciones de licencia confusas que pueden crear problemas de errores. Desafortunadamente, Google Plus Fonts no tiene el mismo equipaje.

Finalmente, puede agregar fácilmente fuentes de Google+ a su sitio web utilizando la interfaz de programación de la aplicación Google+ Fonts. O puede descargarlos por separado y cargarlos en su servidor web a través de FTP / SFTP.

Si bien las fuentes de Google Plus son generalmente sencillas y pueden no ser tan obvias como algunas fuentes pagas, en realidad son mejores que las fuentes seguras para la web que se han preinstalado cientos de veces en los principales sistemas operativos. …

Hay 1.052 familias de fuentes gratuitas de Google+ diferentes … ¿No estás seguro de qué hacer? «Utilice este producto para refinar su elección»Haga clic para twittear

Qué buscar en el feed de Google+

Si hay algo que debe investigar al diseñar su sitio web, es cómo elegir la fuente de Google Plus adecuada para su proyecto. Las fuentes aceptables pueden mejorar o destruir su sitio.

Esto puede parecer un detalle trivial, pero si alguien deja su puesto prematuramente o sigue siendo un lector o cliente leal, puede ser importante.

Elegir el tipo de letra correcto es algo que los diseñadores gráficos han aprendido a lo largo de los años. Sin embargo, hay algunas pautas a tener en cuenta al elegir una fuente hermosa para su sitio web.

  • Marca adecuada para ti: Este puede ser el aspecto más importante. Los mejores sitios web tienen un tipo de letra que puede expresar su personalidad sin dejar de ser nítido y fácil de leer para diseños modernos. Apple e Iron Maiden, por ejemplo, usan fuentes muy diferentes, pero ambas apuntan a sus propios fabricantes.
  • Legibilidad: El segundo principio más importante es la legibilidad. Las fuentes divertidas o geniales seguramente se adaptarán a su marca, pero si los visitantes no tienen la oportunidad de leerlas, pronto se irán. Por lo tanto, la fuente debe ser profesional y clara.
  • Calificación de fuente: Aunque las fuentes se pueden dividir en cientos o miles, existen cinco tipos básicos: fuentes serif, sans-serif, con guión, monoespaciadas y decorativas. Las fuentes de secuencias de comandos y serif varían, mientras que las fuentes monoespaciadas son muy populares en los sitios web de tecnología. Comprender estas categorías lo ayudará a comenzar su búsqueda.
  • Fuente de pantalla o texto: Las fuentes de pantalla son adecuadas para formatos grandes, titulares o artículos impresos. Debido a su diseño único, no pueden mantener la claridad. El punto más importante del código fuente es la legibilidad, ya que constituyen la mayor parte del contenido del portal web.
  • Estado de ánimo y propósito: Como todas las obras de arte, los artistas crean tipos de letra para entornos y estados de ánimo específicos. La mayoría de las fuentes vienen con instrucciones para crearlas y usarlas. Esto le ayudará a determinar si la fuente es adecuada para su proyecto.

Las 10 fuentes principales de Google Plus en 2021 (según Crowd Wisdom)

Entonces, ¿cómo componer? lista de las mejores fuentes de Google Plus en muchos casos en los que son subjetivas? No queremos que toda la lista esté sesgada, por lo que usamos esta información para crear una lista de fuentes de Google Plus más popular.

Creemos en la sabiduría del público a través del análisis de fuentes de Google+. Google Plus tiene más de 50 mil millones de visitas al sitio, pero los datos son muy escasos.

A continuación, vayamos más allá de los números populares originales y escojamos algunas fuentes HTML populares.

¿preparar? ¡Vamos a sumergirnos!

1.robot

Robot.

Robot.

Roboto es el antiguo número 1 y la fuente elegida por Kinsta. Este es un producto sans serif de Christian Robertson, creado por Google Plus como fuente del sistema Android. Es muy popular ahora, tiene 12 estilos diferentes y se encuentra a menudo al analizar las fuentes de Google+.

Por ejemplo, Roboto es una fuente más popular. Pero Roboto Condensed es también la sexta fuente más popular, ¡y Roboto Slab también está en el duodécimo lugar!

2. Open Sans

Ni uno solo abierto.

Ni uno solo abierto.

Open Sans Condensed es una fuente fácil de leer encargada por Google Plus e inspirada en su predecesor, Droid Sans. Google+ utiliza Open Sans en algunos de sus sitios web y en publicidad impresa y en línea. Open Sans Condensed es una fuente relacionada que también ocupa el puesto 13 en Google Plus Fonts.

pag. 3

Página de libro.

Página de libro.

El granero es otra alternativa popular a укаukasz Dziedzic. Escondidas detrás de su diseño hay muchas historias que equilibran los objetivos opuestos y dan como resultado un tipo de letra sans serif ligero único.

4. Montserrat

Monstruo.

Monstruo.

Montserrat es una tipografía sans-serif diseñada por Juliet Ulanovski, quien vive en el área de Montserrat en Buenos Aires. 18 estilos diferentes: es fácil, tienes muchas opciones.

5. Oswald

Oswald.

Oswald.

Oswald es un tipo de letra sans serif diseñado originalmente por Vernon Adams. Su diseño evoca un estilo gótico alternativo único y el poderoso pincel lo refleja.

6. Fuente Sans Pro.

Fuente Sans Pro.

Fuente Sans Pro.

Source Sans Pro es una fuente sans-serif diseñada para Adobe y también la primera fuente de código abierto de Adobe. Las fuentes ligeras de Paul Hunt las hacen limpias y fáciles de leer.

7. Disminuya el valor a 27/13 píxeles.

peor.

peor.

Slabo es una fuente serif creada por John Hudson de Tiro Typeworks. Esta fuente es para un tamaño específico: 27px o 13px, dependiendo de sus intenciones.

8. Baja

Lei Wei

Lei Wei

Raleway tiene 18 estilos diferentes y es otro tipo de letra sans serif enorme que fue diseñado originalmente por Matt McInerney. fue desarrollado. Si le gusta Raleway y está buscando algo único, Raleway Dots tiene un estilo similar, tiene un enfoque de igual a igual y se puede utilizar en grandes titulares.

9. PT Sans

PT Sans.

PT No.

PT Sans fue desarrollado para el género público de la Federación de Rusia, por lo que contiene letras y números latinos y cirílicos. Hay muchas otras fuentes en la serie PT, incluidas algunas variantes serif.

10. Meriweather

Meriweather.

Meriweather.

El nombre Merriweather evoca un concepto de diseño interesante, que también es la intención de sus diseñadores. Además de ser extraño, Merriweather Sans también es una subsidiaria y funciona muy bien con ella.

Fuente de bonificación + estrella en ascenso

En términos de estándares digitales, las diez fuentes enumeradas anteriormente son las fuentes de Google+ más populares. Sin embargo, ver solo las opciones más populares puede dañar nuevas fuentes que no se incluyeron en el análisis.

Estos son algunos de nuestros favoritos, pero ninguno ha superado las reseñas.

11. Noto Sans / series

Noto Sans / serie.

Noto Sans / serie.

Noto es una fuente de Google+ que está disponible en versiones serif y sans serif. Se actualiza regularmente y ahora tiene más de 100 fuentes Noto y aún se está mejorando.

Noto Diseñado para cubrir cada letra, letra y número de diferentes idiomas, y su diseño único mantiene la armonía entre cientos de familias de fuentes diferentes. Estos subproductos son los populares Noto Sans KR y Noto Sans JP.

12. Nunito Sans

Arenas de Nunito

Arenas de Nunito

Nunito Sans es una fuente sans serif cada vez más popular. En el período de 2018 a 2019, el número de usuarios se ha triplicado y es cada vez más popular cada año.

13. El primer concierto.

El primer concierto.

El primer concierto.

Concert One es una tipografía redonda y grotesca perfecta para titulares. Su diseño personalizado seguramente llamará la atención de la gente.

14. Consejos

Rápido.

Rápido.

Prompt es un tipo de letra sans serif desarrollado por la empresa de diseño tailandesa Cadson Demak. Es acíclico (equivalente tailandés de sans serif) y contiene letras y números tailandeses y latinos.

15. Desempleo

ningún trabajo.

ningún trabajo.

Work Sans es una fuente de pantalla sans-serif mejorada. El diseñador recomienda un estilo medio de 14 a 48 píxeles.

Cómo conseguir la mejor coincidencia con las fuentes de Google+

Si le resulta difícil elegir una fuente de Google Plus Fonts, espere hasta que intente sincronizarse con su portal. Afortunadamente, esto no es un problema para ti (si no quieres). Hay muchas formas de obtener la mejor combinación posible de fuentes de Google Plus.

Si se desplaza hacia abajo en la página, Google Plus Fonts recomienda coincidencias populares:

Encuentra pares de fuentes populares de Google.

Encuentra pares de fuentes populares en Google+.

Alternativamente, también puede utilizar sitios web como Font Pair para obtener más orientación.

Prácticas recomendadas para el uso de fuentes Google Plus en WordPress

Una vez que haya encontrado la fuente perfecta para su inicio, aquí hay algunas pautas para usar las fuentes de Google+ en WordPress.

Limita la cantidad de fuentes que usas

Algunas de estas fuentes (como Montserrat y Raleway) tienen 18 pesos diferentes. No solo son una excelente opción, sino que tampoco desea agregar 18 pesos a su sitio de WordPress, ya que ralentizará sus tiempos de carga.

¡Es muy importante seguir estas instrucciones!

La regla aceptada para la mayoría de las fuentes es no utilizar más de tres pesos:

En algunos de los sitios de WordPress que vemos ahora, las cursivas aún se eliminan y solo se usan dos pesos diferentes.

Cuando escribe su propia fuente de Google Plus, puede elegir el peso exacto que desea incrustar; primero visite la página de inicio y haga clic en Elige este estilo Además de lo que quieras.

Elija una fuente de Google Fonts.

Elija una fuente de las fuentes de Google+.

Los temas recientes de WordPress ofrecen una manera fácil de elegir qué fuente usar y la negrita de Google. Sin embargo, no todos los desarrolladores de temas prestan atención al rendimiento. Por lo tanto, en algunos casos, es mejor eliminar la fuente Google Plus del diseño y agregarla usted mismo.

Las fuentes variables también han funcionado bien y son compatibles con cualquier navegador moderno. Son excelentes porque le permiten convertir archivos de fuentes a varios atributos. Google Plus Font ofrece una amplia variedad de fuentes e incluso puede limitar su búsqueda a áreas específicas.

Considere alojar fuentes de Google Plus localmente

Como alternativa a la distribución de fuentes desde los servidores de Google Plus, puede alojar fuentes localmente para un mejor rendimiento. Sin embargo, tenga en cuenta que la mayoría de las fuentes de Google+ ahora se pueden almacenar en caché en navegadores personales. Por lo tanto, le recomendamos que realice una prueba de rendimiento.

Si está utilizando fuentes premium distintas de las fuentes de Google+, como la fuente Brandon que usamos en el sitio web de Kinsta, el alojamiento local (y CDN) es el mejor método. Para obtener más información sobre este tema, consulte Colocación de fuentes localmente.

Seleccione una fuente para actualizar

Las fuentes son similares a las extensiones y temas de WordPress: se actualizan y mejoran con el tiempo para mejorarlas. Aparte del hecho de que los riesgos no son tan grandes como con los complementos de WordPress, elegir una fuente que se actualice regularmente sigue siendo una virtud. Por ejemplo, la serie Google+ Noto se ha actualizado periódicamente desde 2014.

Dado que la mayoría de las fuentes de esta lista son versátiles, puede estar seguro de que todas las fuentes de esta lista se actualizarán y mejorarán periódicamente. Si decides hacer una lista, asegúrate de que la fuente que elijas sea lo suficientemente regular como para llamar la atención, no es una mala idea.

No olvide la accesibilidad

Según estadísticas de la Organización Mundial de la Salud, según datos de 2015, aproximadamente 253.000 personas tienen discapacidad visual: 36 millones son ciegas y 217 millones tienen discapacidad visual moderada o grave. Además, para 2021, el número de personas que padecen determinadas enfermedades aumentará a 2.200 millones.

Si está utilizando fuentes de Google+, puede realizar un seguimiento del diseño utilizando CSS como B. Color y tamaño. Asegúrese de seguir las Pautas de accesibilidad al contenido web (WCAG) 2.0. Esto asegura que todos puedan acceder fácilmente a su contenido.

Siguiendo estas pautas, el contenido estará disponible para una gama más amplia de personas con discapacidades, incluida la ceguera y la baja visión, la sordera y la pérdida auditiva, las discapacidades del aprendizaje, las discapacidades cognitivas, los trastornos del movimiento, las discapacidades del habla, la fotosensibilidad y componentes similares. —— Pautas de accesibilidad al contenido web (WCAG) 2.0

El contraste de color es una técnica importante. Nuestras fuentes estaban muy ordenadas en el antiguo diseño del sitio web de Kinsta, y los visitantes expresaron su preocupación de que serían difíciles de leer. Lo último que quieres hacer es publicar contenido increíble, ¡pero cansará los ojos de tu audiencia!

Puede utilizar WebAIM Color Contrast Checker y otras herramientas para asegurarse de que el tono de la fuente siga las pautas oficiales. Por ejemplo, puede ver que los colores en nuestra publicación de blog pasaron la validación. 👍

Herramienta para prueba de contraste de color.

Herramienta de comprobación de contraste de color.

Cómo agregar fuentes de Google Plus a WordPress

Si elige una o dos fuentes, el último paso es agregarlas a su portal web. Las fuentes de Google+ facilitan mucho esta tarea.

Digamos que desea agregar fuentes a su sitio. En este caso, tiene tres opciones: usar extensiones como Easy Google plus Fonts o Google plus Fonts Typography, cargar las fuentes en su sitio web usando la API de Google+ o descargarlas manualmente y alojarlas en su sitio web.

Si desea aprender cómo cambiar las fuentes en WordPress, hemos escrito una guía detallada para ayudarlo.

La elección de una fuente no es solo una decisión estética, puede tener un impacto significativo en las tasas de caída del sitio web y las tasas de conversión. Empieza aqui.Haga clic para twittear

Para resumir

Las fuentes de Google Plus son excelentes y millones de sitios web las utilizan. Utilizan principios sólidos de diseño tipográfico y gráfico para hacer que el sitio sea más interesante, transparente, rápido y fácil de usar.

Para que sus visitantes disfruten más en general, le recomendamos que siga las mejores prácticas para trabajar con fuentes, como: B. Restricciones de tamaño de fuente, protección de fuente local (si corresponde), reglas de coincidencia, etc.

Ahora es tu turno: ¿Qué fuentes y pares de fuentes te gustan más en las fuentes de Google+? ¡Háganos saber en los comentarios y no se olvide de consultar nuestra guía detallada de fuentes de WordPress!


Si le gusta este producto, le encantará la plataforma de alojamiento de WordPress de Kinsta. Optimice su portal y obtenga soporte 24/7 de nuestro experimentado equipo de WordPress. Nuestra infraestructura en la nube de Google Plus se centra en la escalabilidad, el rendimiento y la seguridad. ¡Vamos a mostrarte lo diferente que es Kinsta! Mostrar mapa

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *