Avenir Regular
CoSchedule: Brandon Gotesque + Museo Sans
Percolate: Futura Bold + Helvetica Neue
Copyblogger: Museo Slab + Proxima Nova
Si no acabas de encontrar una combinaci�n que te convenza, siempre tienes el
recurso de combinar grosores de la misma tipograf�a como en el primer ejemplo de
Selz. O utilizar may�sculas para los titulares y min�scula para el texto.
�Existen los valores seguros?
No hay nada seguro en este mundo, pero s� hay algunas tipograf�as con las que es
dif�cil equivocarse. Aqu� te dejo una selecci�n con algunas de mis favoritas.
� Open Sans
� Montserrat
� Lato
� Oswald
� Brandon Grotesque (de pago)
� Droid Sans / Droid Serif
� Roboto / Roboto Slab
� EB Garamond
� Libre Baskerville
� Georgia
� Merriweather
En esta lista hay diferentes estilos: m�s modernas, m�s cl�sicas, m�s consensadas,
m�s anchas� Pero todas ellas son bastante vers�tiles y tienen un dise�o muy s�lido.
Adem�s la mayor�a son de Google Fonts as� que puedes descargarlas en tu ordenador o
utilizarlas en tu web WordPress con un plugin tipo Use Any Font.
Si alguna vez tienes curiosidad por saber qu� tipograf�a utiliza la web que est�s
visitando, puedes instalar este plugin en tu navegador.
Observaci�n y buena letra
Una de las mejores maneras para saber si una tipograf�a encaja con tu marca y con
tu proyecto es ver ejemplos reales como los que has ido viendo a lo largo del post.
A partir de ahora, cuando visites una web que te gusta o veas un dise�o chulo,
observa c�mo han utilizado las tipograf�as. Haz que tu vista vaya aprendiendo poco
a poco a �leer� los textos de otra manera.
Una vez le coges el gustillo, ya no hay vuelta atr�s.
Dise�o de fuente - c�mo los dise�adores eligen qu� fuente usar
Janie Kliever
Imag�nate arrastrando cajas pesadas de letras de metal � un conjunto diferente para
cada tipograf�a � y tener que armar tu texto letra por letra para dise�ar un
documento.
Esto parecer�a un mundo muy distante a nuestro mundo de dise�o digital en el que
s�lo basta apuntar y hacer clic. Pero, a decir verdad, no han pasado muchos a�os
desde que una fuente hubiese sido conocida como un conjunto espec�fico de letras de
metal m�viles � en lugar de un nombre gracioso en el men� desplegable de un
programa de software.
Aunque nuestros m�todos de dise�os han progresado mucho, a veces navegar por el
proceso moderno de elegir y usar fuentes puede parecer casi tan dif�cil y
complicado como lo fue en los viejos tiempos de la composici�n tipogr�fica de metal
y las imprentas. As� que si alguna vez llegas a sentirte perdido cuando se trate de
fuentes, entonces est�s en lugar indicado.
Esta gu�a est� dise�ada para ofrecer un resumen detallado de las fuentes: sus
diferentes categor�as, c�mo elegirlas, c�mo usarlas, e incluso d�nde encontrar
fuentes gratuitas para descargar.
01. �Qu� tipos de fuentes hay?
Respuesta corta: hay much�simas, incluyendo algunas alocadas que desaf�an la
categorizaci�n. Los tip�grafos, los dise�adores de tipograf�as, y otros interesados
en la historia de la tipograf�a podr�an decirte que existen muchas clasificaciones,
cada uno con sus propias definiciones hist�ricas y t�cnicas, y estar�an en lo
correcto. Algunas clasificaciones que puede que hayas escuchado incluyen Estilo
Antiguo, G�tico, o Humanista (Old Style, Blackletter y Humanist, por sus nombres en
ingl�s, respectivamente). Pero no trataremos con �stas en este art�culo (aunque si
est�s interesado, existen muchos recursos que puedes encontrar en l�nea, como
�ste). En vez de eso, nos enfocaremos en cuatro categor�as b�sicas de fuentes que
ser�n �tiles para entender cuando vayas a elegir una fuente adecuada, combinar
fuentes para tu proyecto de dise�o, o discutir tus opciones de letra con otras
personas.
1) Serif: Las fuentes serif tienen un peque�o �pie� o l�neas adjuntas en los
extremos de sus letras. Generalmente su intenci�n es dar una apariencia m�s seria o
tradicional.
2) Sans Serif: �Sans serif� literalmente significa �sin serifa/remate/gracia� �
estas fuentes no tienen l�neas extra en los extremos de las letras. Por esta misma
raz�n, normalmente tienen la intenci�n de verse m�s modernas y simplificadas.
Aunque con frecuencia este sea un punto de debate, com�nmente se suele decir que
las fuentes serif hacen que navegar visualmente a trav�s de largos pasajes (en
papel) sea mucho m�s f�cil, ayudando a mover tus ojos por las l�neas de texto. No
obstante, debido a que las fuentes serif por lo general son peque�as y delgadas,
frecuentemente no se ven bien en pantallas basadas en pixeles (se ven
distorsionadas y �ruidosas� en lugar de claras y n�tidas), as� que muchos
dise�adores prefieren las fuentes sans serif para uso web, especialmente en tama�os
peque�os.
3) Caligr�ficas: Las fuentes caligr�ficas son lo que podr�amos considerar como
cursiva � o fuentes con estilo de escritura a mano. Generalmente tienen letras que
se conectan. Descubrir�s que las fuentes caligr�ficas tienen muchos estilos
diferentes como elegantes, divertidos y casuales, hasta escritos a mano.
4) Decorativas / Exhibici�n: Cuando escuches o veas que una fuente est�
categorizada como decorativa, de exhibici�n, o novedosa, todo esto significa lo
mismo � la intenci�n de dicha fuente es llamar tu atenci�n. A menudo son m�s
inusuales que pr�cticas y s�lo deber�an utilizarse con moderaci�n y para un efecto
o prop�sito espec�fico.