16 Junio, 2016 Alex Santana

Aprende como instalar tipografias gratuitas de Google Fonts

¡Buenas a todos!

Supongo que muchos habréis oido hablar de Google Fonts, una enorme base datos de Google con miles de tipografías con licencia libre de uso. En este post queremos enseñaros cómo escoger, descargar e instalar las tipografías y así poder incluirlas en vuestra colección personal, tanto para Windows como para MAC.

En esta guía aprenderás a:

– Buscar tipografías en Google Fonts.
– Descargar tipografías de Google Fonts.
– Instalarlas en tu ordenador.

Buscar tipografías en Google Fonts:

El primer paso sería acceder a esta url: https://www.google.com/fonts

Lo primero que veremos será esta página:

google-fonts

En la columna izquierda de la página podemos encontrar:

El número de familias tipográficas que tenemos a nuestra disposición.

Podemos realizar varios filtrados a la hora de escoger la tipografía que estamos buscando: de más finas a más gruesas, más o menos inclinadas o más o menos estrechas, tal y como te mostramos en la imagen:

Opciones-google-fonts

 

Eligiendo entre las diferentes opciones podremos afinar algo más nuestra búsqueda:

Si queréis una guía sobre cuáles son las mejores tipografías os dejamos esta de 40 de Fiebre sobre las mejores tipografías de Google Fonts

Nosotros también hicimos nuestra pequeña selección en este post las 5 mejores tipografías de Google Fonts

 

 

 

 

 

 

Descargar tipografías de Google Fonts:

Una vez hemos escogido la/s fuente/s de Google Fonts indicada/s para nuestro proyecto, vamos a descargarlas.

En este ejemplo buscamos la fuente Open Sans. Lo hemos hecho escribiendo  el nombre de la tipografía en la parte superior izquierda, y se nos mostrarán las diferentes opciones relativas a esta tipografía.

En este caso descargamos ambas: Open Sans normal y Open sans Condensed haciendo click en el botón “add to collection”.

ejemplo-instalacion-google-font

En la parte inferior, vemos que se añaden a la colección:

add-to-collection

Hacemos click sobre “Use” y accederemos a la siguiente pantalla, en la cual nos preguntará cuáles de esos estilos queremos descargar. En este caso seleccionamos todos:

descargar-tipografias-google-fonts

Por último hacemos click en la flecha de la parte superior derecha y se nos presentan estas tres opciones:

descargar-archivo-google-fontElegimos la primera opción. Descargar como archivo .zip. Con esto terminamos este apartado. Ya solo queda instalarlas.

Instalar Google Fonts en Windows

Ya tenemos nuestro archivo .zip descargado, descomprimimos y nos saldrán dos carpetas:

instalacion-google-font-windows

Abrimos la carpeta Open_Sans, hacemos botón derecho “copiar” en todas las fuentes que queramos instalar:

recortar-google-font

Ahora en nuestro ordenador vamos a “Panel de Control” y allí buscamos “Apariencia y personalización”, por último entramos a “Fuentes”

panel-de-control

Dentro de fuentes nos saldrá el catálogo de fuentes que tenemos instaladas. Lo único que debemos hacer es pegar la selección que hicimos en el paso anterior.

Comprobamos que en nuestro listado esté la Open Sans:

open-sans-instalada

Ya tenemos nuestra fuente instalada. Por último vamos a cualquier software de edición de textos o de diseño y podremos disponer de ella. Este es un ejemplo con Adobe Illustrator CC.

MONTAJE-OPEN-SANS

Instalar Google Fonts en MAC

En Mac el proceso es aún más sencillo.

Debemos descomprimir el archivo. En este caso vemos el ejemplo con la Open Sans Condensed. Al descomprimir abrimos la carpeta y nos saldrán las tipografías disponibles.

Paso 1 Instalar Google Font Mac

Hacemos click sobre la tipografía que queremos instalar y clicamos sobre “instalar tipo de letra”

Paso 2 Instalar Google Font Mac

Una vez instalada se nos añadirá a nuestro catálogo tipográfico, con lo cual ¡ya podemos utilizarla!

Paso 3 Instalar Google Font Mac

¡Pues ya está!

Siguiendo estos sencillos pasos podremos instalar cualquier Google Font en nuestro sistema operativo.

¿Te ha resultado útil? ¡Comparte!

Hasta la próxima 😉

Alex Santana

Alex Santana Diseñador Gráfico/Web y también ingeniero. Admirador de The Rolling Stones, Vignelli, Estrada, Scorsese, Billy Wilder y sobretodo Claudia Bravo Visita mi perfil en Google+ ;) Me apasiona el diseño web, el SEO y las marcas que transmiten

Deja un comentario

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

RESOLVEMOS TUS DUDAS