Cómo usar Google Fonts en tu siguiente proyecto web

Cómo usar Google Fonts en tu siguiente proyecto web

Google Fonts es una buena opción si lo que necesitas es integrar fuentes con diferentes estilos en tu sitio o proyecto web. En este tutorial les voy a enseñar a usar Google Fonts y sobre todo, conocer qué beneficios tiene usar el servicio a integrar nuestras propias fuentes.

¿Por qué debería considerar usar Google Fonts?

  • Las fuentes son fáciles de implementar en tu sitio web
  • Hay alrededor de 800 fuentes para usar con diferentes estilos
  • La calidad de las fuentes sigue mejorándose
  • Las fuentes de Google Fonts pueden ser descargadas para imprimir

Paso a paso para integrar Google Fonts

1. Ir al sitio de fonts.google.com

image

2. Busca por tipo de fuente, por las fuentes que más se usan o si conoces una fuente puedes buscarla directamente

image

3. Puedes añadir el texto que quieras visualizar para observar cómo se ve con la o las fuentes que te interesen

image

4. Cuando estés listo para elegir una fuente, presiona en el botón de ‘+’ y aparecerá un diálogo para conifgurar la fuente

image

5. Necesitas copiar el código HTML para insertar la fuente en tu código antes de que termine la etiqueta </head>, y después copias y pegas el código CSS en tu estilo, es decir, en donde quieras que se aplique la fuente.

image

Cómo usar Google Fonts en tu siguiente proyecto web Cómo usar Google Fonts en tu siguiente proyecto web Reviewed by Marcos Rivas Rojas on lunes, marzo 12, 2018 Rating: 5