Google Fonts es una de las fuentes tipográficas más populares que encontrarás en línea. Si actualmente tiene una tienda Shopify en línea, sabrá que está usando Google Fonts en su sitio web. Las fuentes web de Google suelen ser los ejemplos de fuentes estándar utilizados por marcas populares como Canva. Ya sea que esté buscando las mejores combinaciones de fuentes de Google o necesite ayuda para encontrar fuentes de escritura a mano de Google, este artículo desglosa las mejores fuentes web que puede usar para su sitio web o trabajo de diseño.
¿Qué son las fuentes de Google?
Google Fonts es una biblioteca tipográfica creada por Google con 923 fuentes con licencia que se pueden usar para fines comerciales o personales de forma gratuita. Se pueden usar en su sitio web, en trabajos de diseño, para una tarea escolar, en productos y más.
Estas fuentes ya están instaladas en plataformas populares como Shopify y Canva, lo que simplifica el diseño para los propietarios de negocios. Sin embargo, también puede descargar las fuentes web en su computadora para uso personal.
Cómo elegir las fuentes de Google
Varios factores pueden ayudarlo a decidir qué fuente de Google elegir. Cuando se trata de elegir una fuente web para usar, debe considerar la legibilidad, el propósito, las combinaciones de fuentes de Google, la popularidad y la intuición. Aquí hay algunas ideas para ayudarlo a comprender mejor qué fuentes debe usar en diferentes situaciones:
1. Legibilidad
Si está componiendo un libro, el contenido de un blog o cualquier cosa con mucho texto, debería considerar elegir una fuente serif. Una fuente serif es aquella en la que parece que las letras tienen “pies”. Estos pies conectan las letras más juntas, lo que ayuda a que sean más fáciles de leer. Si observa las fuentes sans serif, no tienen estas extensiones en forma de pies, lo que hace que sea un poco más difícil leer pasajes más largos.
2.Proposito
Cuando se trata de elegir una fuente, puede reducirse al propósito para el que se utiliza. Por ejemplo, puede usar la fuente de escritura a mano de Google Fonts cuando se trata de invitaciones de boda, ya que es habitual usar fuentes cursivas en esa configuración. Puede elegir una fuente más formal como Helveticish para su currículum, ya que creará una apariencia más limpia. Si está utilizando una fuente más original como ABYS, será para resaltar una o dos palabras en un diseño en lugar de algo con más texto. Desea elegir una fuente de Google que sea apropiada para el diseño, el contexto y la industria para la que está utilizando la fuente.
3. Las mejores combinaciones de fuentes de Google
Compartiremos algunas combinaciones de fuentes de Google más adelante en este artículo. Sin embargo, al elegir un par de fuentes, debe considerar qué tan complementarias son entre sí. Puede emparejar un título sans serif moderno con un cuerpo de texto serif.
Las fuentes de trazo fino funcionan bien como títulos y combinan bien con fuentes de cuerpo serif legibles para crear una apariencia limpia y fácil de leer.
Una fuente de Google con serifa en negrita puede combinarse con una fuente sans serif popular para una copia ligera del texto.
4. Usa fuentes populares
Con más de 900 fuentes, podría pensar que cualquiera de ellas podría funcionar en cualquier ocasión. Sin embargo, la mayoría de los diseñadores a menudo recurrirán a la misma cantidad de fuentes que funcionan bien para la mayoría de los diseños. Por ejemplo, al crear pines en Pinterest, noté que la fuente de Google Playfair Display funciona bien para atraer clics cuando está en cursiva. Probé varias otras fuentes en la plataforma, pero mis pines de mejor rendimiento siempre provienen de la misma fuente de Google. Con experiencia, también comenzará a seleccionar sus mejores fuentes. Está bien usar las mismas fuentes de Google con frecuencia. Si funciona, no tengas miedo de seguir usándolo.
5. Sigue tu instinto
A veces, una fuente parece correcta y otras veces parece incorrecta. Si bien algunas de las reglas anteriores pueden ayudarlo a determinar la fuente correcta, hay demasiadas fuentes de Google para crear reglas perfectas. A veces, tendrá que experimentar y jugar con las selecciones de fuentes para ver cuál se ve mejor. Si comprende los principios y elementos de diseño gráfico estándar, tendrá una mejor idea de qué fuente funciona mejor cuando trabaje en un diseño completo.
Por qué las fuentes de Google son importantes
Las fuentes de Google son importantes porque te permiten comunicar diferentes tonos y personalidades de marca usando tipografía. El hecho de que haya más de 900 fuentes web gratuitas de Google permite a las empresas con un presupuesto limitado utilizar diferentes tipografías sin necesidad de pagar licencias para nuevas fuentes.
Más de 50 fuentes de Google para usar en 2021
Las mejores fuentes de Google
- RobotoOpen SansLatoOswaldSlabo 27 pxRoboto CondensedMontserratSource Sans ProRalewayPT Sans
Lista de fuentes de Google
Actualmente hay 923 fuentes de Google. Aquí hay algunas en la lista de fuentes de Google:
- Playfair DisplayBitterLibre BaskervilleArchivo NarrowAlegreya SansUbuntuCrimson TextHeeboCabinaLangosta
Fuentes gratuitas de Google
- PacificoAbril FatfaceBarlowBree SerifBonbonRopa SansAmiriOrbitronZilla SlabGreat Vibes
Mejor fuente para sitio web
- Playfair DisplayCantata OneRoboto SlabCardoMontserratPoppinsMerriweatherLoraDomineKarla
Las mejores fuentes Serif de Google
- Roboto SlabCrimson TextSlabo 27pxEB GaramondAmiriNeutonZilla SlabJosefin SlabUnnaAbhaya Libre
Las mejores fuentes Sans Serif de Google
- Roboto UbuntuRubikCabinHeeboNotableBarlowArchivo NarrowAsapRopa Sans
La mejor escritura a mano de Google Fonts
- Indie FlowerPacificoShadows Into LightBonbonAmatic SCGreat VibesArchitects DaughterNada que puedas hacerReenie BeanieSue Ellen Francisco
Mejor pantalla de fuentes de Google
- Squada OneBahianiata BarriecitoMontañas de NavidadLangostaAbril FatfaceJustoComfortaaGeostarPatua One
Las mejores fuentes monoespaciadas de Google
- Roboto MonoInconsolataCódigo fuente ProCousinePT MonoNanum Gothic CodingSpace MonoAnonymous ProCutive MonoOxygen Mono
Fuentes de Google para Android
- LiterataLatoMontserratOpen SansRalewayOswaldMerriweatherPoppinsRoboto SlabPantalla Playfair
Las mejores fuentes de Google para logotipos
- KarlaWork SansOswaldRobotoRubikPoppinsCabinaMontserratChivoLato
Las mejores fuentes web de Google
- Cutive MonoCabinaBitterArvoAntonNotableFjalla OneMuktaVarela RoundDarker Grotesque
La mejor familia de fuentes para el sitio web
- MontserratRalewayRobotoPoppinsLibre FranklinSource Sans ProMuliBarlowExoPaso elevado
Fuentes de Google Shopify
- Abril FatfacePacificoRanchoSansita OneInconsolataAnonymous ProFira SansLatoIstok WebBitter
Fuentes de Google WordPress
- PromptRokkittCalabacínAlegreyaOld Standard TTCardoZilla SlabPathway Gothic OneCantarellNanum Myeongjo
Las mejores combinaciones de fuentes de Google
- Vast Shadow – Playfair DisplayMontserrat – Droid SerifOswald – RobotoLato – MerriweatherRaleway – Roboto MonoAbel – UbuntuProza Libre – Open SansRubik – KarlaBree Serif – LoraPoppins – Anónimo Pro
Cómo descargar fuentes de Google
1. En el sitio web de Google Fonts, seleccione todas las fuentes que desea descargar haciendo clic en el signo más en la sección de cada fuente.
2. A continuación, abra la ventana emergente en la parte inferior de la pantalla.
3. Seleccione la flecha hacia abajo (icono de descarga)
4. Presiona “Descargar”
5. Se descargará un archivo zip
6. Abra el archivo y haga clic en la primera fuente
7. Instale manualmente cada fuente en la carpeta
Cómo instalar una fuente de Google en su sitio web
Puede instalar cualquier fuente de Google que no esté instalada actualmente en su sitio web. Una de las formas más sencillas de hacer esto es instalar una aplicación paga de Shopify en tu tienda. Por ejemplo, la aplicación Fontify de Nitro le permite instalar cualquier fuente que desee en su sitio web sin necesidad de saber codificar.
De lo contrario, deberá editar la configuración de su tema. Asegúrese de duplicar su tema para no perder nada de su trabajo en caso de que algo salga mal. Si prefieres no hacerlo tú mismo y no quieres pagar por una aplicación, puedes contratar a un experto de Shopify. Los expertos de Shopify tienen experiencia en la modificación de temas y pueden agregar cualquier fuente de Google que desees a tu sitio web por una tarifa única. Si no está seguro de qué fuente desea, descargue varias fuentes web a la vez para evitar pagar más de lo necesario.
También puede incrustar Google Fonts en su sitio web. Por ejemplo, dirígete al sitio web oficial. Luego, haga clic en el signo más en la fuente que desee. Aparecerá una ventana emergente. Luego, en “Insertar”, copie y pegue el código en la parte superior de la sección HTML de su sitio web. Esto hará que su texto aparezca en esa fuente. Este proceso puede ser un poco manual, pero es una solución rápida para aquellos que no son expertos en tecnología y tienen un presupuesto ajustado.
Generadores de fuentes de Google
1. Canva
El generador de fuentes de Canva te permite encontrar las mejores combinaciones de fuentes de Google. Ya sea que esté creando un anuncio o una publicación en las redes sociales, puede decidir usar dos fuentes. Una de esas fuentes se puede usar como encabezado y la otra para el subtexto. Luego puede usar esas fuentes para diseñar y crear contenido en la plataforma de Canva, que también usa varias fuentes de Google. Todo lo que necesita hacer es escribir o seleccionar la fuente para la que desea encontrar una combinación. Entonces, Canva te presentará su mejor combinación. No todas las fuentes están disponibles en esta herramienta, pero encontrará algunas de las mejores fuentes de Google.
2. Par de fuentes
El generador de fuentes de Google de Font Pair lo ayuda a encontrar pares de fuentes para su sitio web u otras formas de contenido. El sitio web integral se centra en fuentes basadas en diferentes familias de fuentes. Por ejemplo, puede encontrar combinaciones de fuentes san serif y serif o combinaciones de fuentes display y serif. Entonces, si está buscando hacer coincidir dos familias de fuentes específicas, este generador de fuentes de Google hará el truco.
3. Fontjoy
El generador de fuentes de Google de Fontjoy muestra tres fuentes en uso. La fuente superior es la mejor fuente para el título, la segunda fuente y el subtítulo, y la tercera fuente es el cuerpo. No es necesario utilizar las tres fuentes. Por ejemplo, si está buscando un título y una fuente para el cuerpo de su sitio web, puede elegir solo la primera y la tercera fuente. Lo mejor de esta herramienta es que ve la fuente en acción para ayudarlo a comprender si esta combinación de fuentes es la adecuada para sus necesidades.
4. Análisis
Es posible que Analytics no sea un generador de fuentes de Google en el sentido tradicional. Sin embargo, te informa sobre cuáles son las fuentes de Google más populares. Si está buscando apegarse a las fuentes web más populares, aprenderá rápidamente que Roboto está en la parte superior de la lista. En psicología, hay algo llamado efecto de mera exposición que significa que a las personas les gustan las cosas que les son más familiares. Al seguir con las mejores fuentes web de Google, las personas “en teoría” preferirán la fuente que ven.
Conclusión
Las fuentes de Google se pueden usar para gráficos de redes sociales, diseños de camisetas, sitios web y otros elementos de marketing para su negocio en línea. Al elegir una fuente, recuerde considerar el tono, la legibilidad y la idoneidad de la fuente para la situación dada. Está bien si te encuentras usando el mismo estilo de fuentes para tu trabajo, los diseñadores hacen eso todo el tiempo. Concéntrese en elegir las fuentes web de Google que mejor se adapten a su objetivo y le ayudarán a completar el aspecto de su diseño.
¿Qué fuentes de Google utilizas en tu tienda online? ¡Comenta abajo!
