5 increíbles funciones de Google Fonts que no conocías

Si ha estado trabajando con WordPress durante algún tiempo, probablemente haya oído hablar de Google Fonts.

La mayoría de los temas se integran con Google Fonts para proporcionar cientos de opciones de fuentes gratuitas. Por ejemplo, todas nuestras actualizaciones profesionales incluyen esta integración para agregar cientos de fuentes para elegir.

Si bien puede o no estar familiarizado con él, hay muchas características interesantes que el usuario promedio pasa por alto por completo, y muchas de estas características pueden ser muy útiles para elegir la fuente adecuada para su sitio web.

En este tutorial, encontrará cinco funciones prácticas que puede utilizar en Google Fonts para realizar excelentes selecciones de fuentes para su marca.

1. Prueba el texto personalizado

La página de inicio de Google Fonts siempre muestra las fuentes más populares del sitio. Cada fuente tiene un “texto ficticio” relleno para mostrar su conjunto de caracteres, pero puede cambiar esto sobre la marcha.

Por ejemplo, puede simplemente hacer clic en cualquier parte del texto y comenzar a escribir para ingresar lo que desee.

Texto personalizado de Google Fonts

Si bien esto es útil para seleccionar una fuente general para su sitio web, es particularmente útil si está buscando seleccionar una fuente para el título de su sitio que se muestra en el encabezado. También es útil si está buscando un nuevo logotipo.

2. Elija una fuente de “pantalla”

Si hay algo que necesita saber sobre la selección de fuentes, es cómo usar las fuentes de “visualización”.

Si bien le irá bien con una buena fuente serif o sans-serif para el texto de su publicación, los encabezados y el título del sitio le brindan la oportunidad de agregar algo de carácter. No me malinterpretes, una fuente agradable como Roboto que está diseñada para el texto de las publicaciones también funciona muy bien para los encabezados. Sin embargo, a menudo puede hacer que su sitio sea más elegante eligiendo una fuente de visualización para los títulos.

Las fuentes de visualización son simplemente fuentes diseñadas para mostrarse en tamaños grandes. Puede buscar específicamente las fuentes de visualización en Google Fonts desmarcando todas las demás casillas en la barra lateral, así:

Elija Mostrar fuente Google Fonts

¿Te imaginas usar la fuente “Spicy Rice” para el texto de tu publicación? Obviamente, esa sería una elección incómoda, pero para los encabezados o el título de su sitio, una fuente como esa realmente puede completar la estética de su sitio web.

Si realmente no está seguro de por dónde empezar, consulte esta colección de las 100 mejores fuentes disponibles en GF.

3. Compare las fuentes para obtener la combinación perfecta

Al buscar fuentes en Google Fonts, puede colocar el cursor sobre una fuente y hacer clic en el enlace “Ver muestra” para examinar más a fondo la fuente.

Fuentes de Google Ver muestra

En la parte inferior de la página siguiente, encontrará una función de “emparejamientos populares”.

Emparejamientos populares de Google Fonts

Emparejar bien las fuentes es un gran desafío si no está bien versado en tipografía, lo que hace que esta función sea extremadamente útil. Simplemente puede elegir la segunda fuente de la sección de emparejamientos populares y terminar con una gran estética para su sitio.

4. Conozca la historia detrás de la fuente.

Esta es en realidad mi característica favorita en Google Fonts.

Se necesita tiempo para desarrollar un buen ojo para elegir los tipos de letra adecuados que coincidan con el estado de ánimo y la estética que está buscando. A veces, es útil averiguar qué tenía en mente el diseñador original cuando creó la fuente.

Después de hacer clic en el enlace “Ver muestra” para una fuente, puede encontrar una sección en la barra lateral.

Acerca de la fuente

Siempre me resulta más fácil usar una fuente de manera efectiva después de aprender cómo y por qué fue diseñada.

5. Descarga fuentes (y mantenlas sincronizadas)

Agregar fuentes a su sitio web es bastante sencillo y está integrado en el proceso de Google Fonts. Sin embargo, también necesitará las fuentes instaladas en su computadora si desea usarlas en un programa como Sketch o Photoshop.

La mejor manera de descargar las fuentes es con SkyFonts, que Google Fonts también recomienda en su sitio.

Skyfonts

Esto le permitirá descargar rápidamente familias de fuentes completas (todos los pesos) y mantenerlas actualizadas en su computadora.

Usa Google Fonts como un profesional

Tanto si eres un diseñador web experimentado como si eres un novato en la creación de sitios web, estos consejos te ayudarán a aprovechar al máximo tu sitio.

Me encanta usar estas funciones cuando selecciono fuentes para los temas que hago, ¡y espero que te ayuden a construir un sitio web más hermoso!

¿Tiene alguna pregunta u otras características para compartir? Deja un comentario a continuación.

Ben Sibley

Ben Sibley

Ben Sibley es diseñador y desarrollador de temas de WordPress y fundador de Compete Themes.

Botón volver arriba