Artículo

Más de 50 mejores fuentes de Google: cómo elegir fuentes para su negocio

Las fuentes de Google son una de las fuentes tipográficas más populares que encontrarás en línea. Si actualmente está ejecutando un Tienda Shopify sabrá que está utilizando Google Fonts en su sitio web. Las fuentes web de Google son a menudo 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 Google de escritura a mano, este artículo desglosa las mejores fuentes web que puede usar para su sitio web o trabajo de diseño.

Contenido de la publicación



price es una herramienta increíblemente flexible disponible para los emprendedores.

No espere a que alguien más lo haga. Contrate usted mismo y comience a tomar las decisiones.



Empiece Gratis

¿Qué son las fuentes de Google?

Google Fonts es una biblioteca de tipografía creada por Google con 923 fuentes con licencia que se pueden utilizar 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 empresas. Sin embargo, también puede descargar las fuentes web en su computadora para uso personal.



FUENTES DE GOOGLE

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á redactando un libro, contenido de blog o cualquier texto 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 está utilizando. Por ejemplo, puede usar la fuente de escritura a mano Google Fonts cuando se trata de invitaciones de boda, ya que es costumbre usar fuentes cursivas en esa configuración. Puede elegir una fuente más formal como Helveticish para su currículum, ya que creará un aspecto más limpio. Si está utilizando una fuente más original como ABYS, será para resaltar una palabra o dos en un diseño en lugar de algo más pesado en texto. Desea elegir una fuente de Google que sea apropiada para el diseño, el contexto y la industria para la que está usando la fuente.



3. 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 cuán complementarias son entre sí. Puede emparejar un título sans serif moderno con un cuerpo de texto con serif.

combinaciones de fuentes sans serif y serif

¿Cómo puedo aumentar mis seguidores en Instagram?

Las fuentes de trazo fino funcionan bien como títulos y se combinan bien con fuentes de cuerpo serif legibles para crear un aspecto limpio y fácil de leer.

combinación de fuente fina y serif

Una fuente de Google con serif en negrita puede emparejarse con una fuente sans serif popular para una copia ligera de texto.

combinación de fuente serif y fuente sans serif

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 recurren al mismo número 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 con clics atractivos cuando está en cursiva. Probé varias otras fuentes en la plataforma, pero mis pines con mejor rendimiento siempre provienen de la misma fuente de Google. Con la experiencia, también comenzará a seleccionar sus fuentes principales. Está bien utilizar las mismas fuentes de Google con frecuencia. Si funciona, no tenga miedo de seguir usándolo.

5. Vaya con su 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 estándar del diseño gráfico, tendrá una mejor idea de qué fuente funciona mejor cuando se trabaja 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 mediante la 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

Mejores fuentes de Google

  1. Robot
  2. Abrir sin
  3. Lado
  4. Oswald
  5. Débil 27 px
  6. robots Medio
  7. Montserrat
  8. Fuente Sans Pro
  9. Raleway
  10. PT Sans

mejores fuentes de google

Lista de fuentes de Google

Actualmente hay 923 fuentes de Google. Aquí hay algunas en la lista de fuentes de Google:

cómo copiar y compartir en instagram
  1. Pantalla Playfair
  2. Amargo
  3. Libre Baskerville
  4. Archivo Narrow
  5. Alegreya Sans
  6. Ubuntu
  7. Texto carmesí
  8. Heebo
  9. Cabina
  10. Langosta

Lista de fuentes de Google

Fuentes de Google gratuitas

  1. Pacifico
  2. Abril Fatface
  3. Barlow
  4. Bree Serif
  5. Caramelo
  6. Ropa Sans
  7. Supervisor
  8. Orbitron
  9. Losa de Zilla
  10. Grandes vibraciones

Fuentes de Google gratuitas

Mejor fuente para sitio web

  1. Pantalla Playfair
  2. Cantata Uno
  3. Robot Débil
  4. Cardo
  5. Montserrat
  6. Poppins
  7. Merriweather
  8. Lora
  9. Domine
  10. Karla

Mejor fuente para sitio web

Las mejores fuentes de Google Serif

  1. Robot Débil
  2. Texto carmesí
  3. Débil 27px
  4. EB Garamond
  5. Supervisor
  6. Neuton
  7. Losa de Zilla
  8. Losa Josefin
  9. Unna
  10. Abhaya Libre

Las mejores fuentes de Google Serif

Las mejores fuentes Sans Serif de Google

  1. Robot
  2. Ubuntu
  3. Rubik
  4. Cabina
  5. Heebo
  6. Notable
  7. Barlow
  8. Archivo Narrow
  9. Fumar
  10. Ropa Sans

Las mejores fuentes Sans Serif de Google

La mejor escritura a mano de Google Fonts

  1. Flor indie
  2. Pacifico
  3. Sombras en la luz
  4. Caramelo
  5. Amatic SC
  6. Grandes vibraciones
  7. Hija de arquitectos
  8. Nada que puedas hacer
  9. Gorro Reenie
  10. Sue Ellen Francisco

La mejor escritura a mano de Google Fonts

Mejor pantalla de fuentes de Google

  1. Squada uno
  2. Bahianiata
  3. Barriecito
  4. Montañas de Navidad
  5. Langosta
  6. Abril Fatface
  7. Justo
  8. Comfortaa
  9. Geostar
  10. Golpe uno

Mejor pantalla de fuentes de Google

Best Google Fonts Monospace

  1. Roboto Mono
  2. Inconsolata
  3. Código fuente Pro
  4. Prima
  5. PT Mono
  6. Codificación gótica Nanum
  7. Espacio Mono
  8. Pro anónimo
  9. Cutive Mono
  10. Mono de oxígeno

Best Google Fonts Monospace

Fuentes de Google para Android

  1. Literatura
  2. Lado
  3. Montserrat
  4. Abrir sin
  5. Raleway
  6. Oswald
  7. Merriweather
  8. Poppins
  9. Robot Débil
  10. Pantalla Playfair

Fuentes de Google para Android

Las mejores fuentes de Google para logotipos

  1. Karla
  2. Trabajar sin
  3. Oswald
  4. Robot
  5. Rubik
  6. Poppins
  7. Cabina
  8. Montserrat
  9. Chivo
  10. Lado

Las mejores fuentes de Google para logotipos

Las mejores fuentes web de Google

  1. Cutive Mono
  2. Cabina
  3. Amargo
  4. Valor
  5. Anton
  6. Notable
  7. Fjalla Uno
  8. Mukta
  9. Ronda Varela
  10. Grotesco más oscuro

Las mejores fuentes web de Google

La mejor familia de fuentes para sitios web

  1. Montserrat
  2. Raleway
  3. Robot
  4. Poppins
  5. Libre Franklin
  6. Fuente Sans Pro
  7. Otra vez
  8. Barlow
  9. Exo
  10. Paso superior

La mejor familia de fuentes para sitios web

Fuentes de Google Shopify

  1. Abril Fatface
  2. Pacifico
  3. Rancho
  4. Sansita Uno
  5. Inconsolata
  6. Pro anónimo
  7. Fira Sans
  8. Lado
  9. East Web
  10. Amargo

Fuentes de Google Shopify

Fuentes de Google WordPress

  1. Inmediato
  2. Rockitt
  3. Calabacín
  4. Alegreya
  5. TT estándar antiguo
  6. Cardo
  7. Losa de Zilla
  8. Camino gótico uno
  9. Cantarell
  10. Nanum Myeongjo

Fuentes de Google WordPress

Las mejores combinaciones de fuentes de Google

  1. Vast Shadow - Pantalla de Playfair
  2. Montserrat - Droid Serif
  3. Oswald - Roboto
  4. Lado - Merriweather
  5. Raleway – Roboto Mono
  6. Abel - Ubuntu
  7. Proza Libre – Open Sans
  8. Rubik - Karla
  9. Bree Serif – Lora
  10. Poppins - Pro anónimo

Cómo descargar fuentes de Google

1. En las fuentes de Google sitio web , seleccione todas las fuentes que desee descargar haciendo clic en el signo más en la sección de cada fuente.

descargar fuentes de google

2. A continuación, abra la ventana emergente en la parte inferior de la pantalla.

descargar fuentes de google

3. Seleccione la flecha hacia abajo (icono de descarga)

descargar fuentes de google

cómo ordenar amigos de Facebook por fecha agregada

4. Presione 'Descargar'

5. Se descargará un archivo zip

6. Abra el archivo y haga clic en la primera fuente.

descargar fuentes de google

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 fáciles de hacer esto es instalar una aplicación de Shopify paga en tu tienda. Por ejemplo, Aplicación Fontify de Nitro le permite instalar cualquier fuente que desee en su sitio web sin necesidad de saber cómo 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 en Shopify. Los expertos de Shopify tienen experiencia en la modificación de temas y pueden agregar cualquier fuente de Google que desee a su sitio web por una tarifa única. Si no está seguro de la fuente que 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 página 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

Canva El generador de fuentes de Google le 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 utilizar como encabezado y la otra como 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. Luego, 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.

las mejores combinaciones de fuentes de Google

2. Par de fuentes

Par de fuentes El generador de fuentes de Google lo ayuda a encontrar pares de fuentes para su sitio web u otras formas de contenido. El sitio web completo 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 de pantalla y serif. Entonces, si está buscando hacer coincidir dos familias de fuentes específicas, este generador de fuentes de Google hará el truco.

mejor día y hora para publicar en instagram

par de fuentes

3. Fontjoy

Fontjoy El generador de fuentes de Google 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 puede ver la fuente en acción para ayudarlo a comprender si esta combinación de fuentes es la adecuada para sus necesidades.

fuente de alegría

4. Analítica

Analítica puede que no sea un generador de fuentes de Google en el sentido tradicional. Sin embargo, le informa cuáles son las fuentes de Google más populares. Si desea ceñirse a las fuentes web más populares, aprenderá rápidamente que Roboto está en la parte superior de la lista. En psicología, existe algo llamado simple efecto de exposición, lo que significa que a las personas les gustan las cosas que les son más familiares. Al utilizar las mejores fuentes web de Google, la gente 'en teoría' preferirá la fuente que ve.

mejores fuentes de google

Conclusión

Las fuentes de Google se pueden utilizar 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 lo hacen todo el tiempo. Concéntrese en elegir las fuentes web de Google que mejor se adapten a su objetivo y ayudarán a completar el aspecto de su diseño.

¿Qué fuentes de Google utilizas en tu tienda online? ¡Comenta abajo!

¿Querer aprender más?



^