Cómo escoger la mejor fuente para tu blog: Google Fonts

12.11.14

Al principio de estar dando vueltas en este mundo del diseño de blogs, los brandings y el diseño en general, me preguntaba siempre de dónde sacaba la gente estas bonitas tipografías que se ven!

Ahora ya lo sé y la verdad es que casi hay más tipografías que colores!

Bueno, he sido un poco exagerada, pero hay muchas y muchas y aún más fuentes.

A pesar de que hay páginas donde puedes comprar tipografías, hay muchas que son gratuitas.

¿Sabes dónde puedes encontrar más de 600 tipografías gratuitas para utilizar?





Fuentes fantásticas, pero no para el blog


Si  buscas por internet, como internet tiene de todo, seguro que encuentras varias páginas web que te ofrecen fuentes gratuitas para utilizar.

Te las puedes descargar y utilizar en cualquier montaje que hagas con carteles, fotos, pósters, invitaciones o lo que sea, pero te digo que vayas muy en cuenta a la hora de utilizarlas en tu blog.

Un día leí un comentario en un blog que decía: "Estoy encantada con la tipografía que tengo en mi blog, lástima que sólo la puedo ver yo y tu (refiriéndose a quien había puesto la fuente en su web, para compartir)"

Con la gran mayoría de fuentes lo que pasa es que si las utilizamos en el blog, sólo las podrán ver aquellas personas que tengan la misma fuente instalada en su ordenador!

Ojo con lo que acabo de decir, que es muy importante!

Si tu utilizas una fuente que tienes en tu ordenador instalada, que te has bajado de alguna web, a pesar de que tu lo ves perfecto, tus lectores no verán esta súper fantástica fuente que tienes! Porqué seguramente no son fuentes de web.

Y en este punto es donde entra en juego Google Fonts.



¿Qué es Google fonts?


Google Fonts es una página web donde te puedes descargar y utilizar más de 600 tipografías para tu blog o web.

Y ahora te preguntarás: ¿y lo van a ver todos mis lectores?

La respuesta es que si, porqué todas las fuentes de Google Fonts son fuentes web, es decir que no necesitas tener la fuente instalada en tu ordenador porqué está en la web y la reconocen todos los ordenadores.

Cualquiera que entre en tu blog, verá las maravillosas tipografías que has utilizado.

El uso de Google Fonts es totalmente gratuito y puedes encontrar fuentes para todos los gustos.

Para tener acceso a las fuentes debes entrar en la página web de Google Fonts.

Este es el aspecto general que verás al entrar en Google Fonts.





Las fuentes y sus estilos


En Google Fonts  hay 651 tipografías distintas. 

Pero además de esto, muchas de ellas tienen varios estilos para utilizar. Que no son nada más ni nada menos que la negrita, la cursiva, un poco negrita...

Depende de la tipografía escogida, tendrás más o menos estilos que podrás utilizar.

Por ejemplo para la fuente "Playfair Display", si te fijas arriba a la derecha te indica cuantos estilos tiene esta fuente


Y estos son los estilos que puedes utilizar para esta fuente en concreto. A la derecha ves cómo queda cada uno de los diferentes estilos.



Diferentes maneras de enamorarte de una fuente


Aquí hay varias maneras de perder la cabeza por una fuente. Porqué al fin y al cabo es esto. Ves una fuente y sabes que es esta la que quieres para tu blog. :)

Para que te guste la debes ver y lo puedes hacer de varias maneras, utilizando el menú horizontal de arriba del todo.

  • Word --> Se te muestra una palabra escrita con la fuente.
  • Sentence --> Se te muestra una frase entera,
  • Paragraph --> Ves un párrafo entero, escrito con la letra en cuestión.

  • Poster --> Ves el nombre de la letra escrita en grande, como un póster. Aquí tienes la opción de "Appearance" que puede ser

    • Normal--> Letras negras sobre fondo blanco.
    • Inverted --> Letras blancas sobre fondo negro.



En cada uno de los apartado, si despliegas el menú de "Preview text" tienes diferentes opciones de visualización de la fuente.


  • [Enter your own text] --> Entrar tu propio texto. Puedes poner la palabra que quieres que se te muestre. Si quieres ver cómo queda el título de tu blog, lo pones aquí.


  • Font name --> Ves el nombre de la fuente.
  • Grumpy wizards make…--> Se te mostrará las primeras palabras de esta frase. Te debes preguntar porqué se utiliza esta frase. Pues porqué contiene todas y cada una de las letras del alfabeto, así puedes ver como son todas con esta tipografía.
  • The quick brown fox…--> Es lo mismo que antes, es una frase que contiene todas las letras.
  • AaBbCcDdEeFfGgHhIiJj…--> Se te muestra una parte del abecedario.

También puedes escoger el tamaño con que se te muestra la fuente donde pone "Size".


Y al final de todo, te dejan ver las tipografías en el orden que tu escojas:

         
  • Popularity --> De más a menos popular en la web.
  • Alphabet --> Te muestra las fuentes ordenadas alfabéticamente por su nombre.
  • Date added --> Orden cronológico del día que se añadió la fuente al Google Fonts.
  • Number os styles --> Primero aparecen aquellas que tienen más estilos posibles.
  • Trending --> Ves en primer ligar las que están más de moda.


¿Cómo escojo la fuente que más me gusta?


De las opciones que te he mostrado antes, escoge la que más te guste y puedes ir mirando todas las fuentes que hay.

Esta es una buena manera de buscar una fuente, si no tienes ni idea de cómo quieres que sea. Simplemente las vas mirando y seguro que das con la fuente que más se adapta a tus gustos y a tu blog.

O si sabes directamente el nombre, porqué lo has visto el alguna página web o otro blog, puedes escribirlo en el buscador y te mostrará todas las opciones que tiene la fuente.



Pero también puede ser que tengas una idea en mente. Que sea cursiva o gruesa, o que las letras sean muy anchas o estrechas…

Entonces para ello han creado el menú de la izquierda que te permite definir tres características de las letras y sólo te muestra aquellas que las cumplen.

Tienes que mover simplemente cada una de las flechas hacia uno de los lados.

No debes utilizar las tres opciones forzosamente. Puedes sólo definir una, dos o las tres.


  • Thickness --> Indica el grosor de la letra. Puede ser una letra muy fina (thin, a la izquierda) o una muy gruesa (thick, a la derecha).
  • Slant --> Inclinación. Puede ser muy inclinada (slanted, a la derecha) o poco inclinada (straight, a la izquierda).
  • Width --> Puedes escoger el ancho de las letras. Hay letras que son muy estrechas (narrow, a la izquierda) y otras muy anchas (wide, a la derecha).

Te enseño algunos ejemplos, para que te quede claro del todo.


Grosor (Thickness)





Inclinación (Slant)





Ancho (Width)







¿Cómo puedo combinar la fuente escogida con otra?

Esta es una pregunta muy interesante.

De la misma manera que no combinan todas las piezas de ropa que tienes en el armario, tampoco puedes combinar entre sí, todas las fuentes que hay en Google Fonts.

Es por eso que te dan una herramienta, con sugerencias para combinar tu fuente.

Si te fijas bien, una vez que tienes la fuente escogida, a la derecha encontrarás un pequeño botón como este

combinar googl fuentes

Si pinchas encima de él, se te abrirá una ventana emergente, con un menú superior.

Escoge la opción de "Pairings" (emparejamientos) y te mostrarán todas las parejas de fuentes que quedan bien con la tuya. 

combinar mejores fuentes

Así combinar fuentes que queden estéticamente bien es un juego de niños!





Seguro que te has quedado con las ganas de saber cómo utilizarlas en tu blog! 

Te lo cuento mañana, así tienes tiempo de asimilar todo lo que te he contado, que no es poco.

Laura

¿Te ha gustado lo que has leído?
Muchas gracias por compartirlo en tus redes sociales!
Tus contactos y yo te lo agradeceremos! :-)

¿Quieres contenido exclusivo para mejorar tu blog?
Suscríbete y recibirás AHORA la guía para dominar Blogger HOY!
Tu blog no pasará inadvertido.
Dejará huella.