Guía rápida de estilo para el uso de tipografías, especialmente para el uso en webs
Si me preguntaran donde está la clave o como resumir las buenas prácticas al usar tipografías diría que se resume todo en «contraste». El título y el texto nunca puede ser parecido, allí está la clave.
¿Cuantas tipografías utilizo?
Lo conveniente es usar máximo 2 o 3 tipografías distintas. A veces con una sola familia de tipografías podemos realizar el texto completamente. Para esto, hay que tener en cuenta que existen familias muy amplias de fuentes en las que contamos con “light”, “médium”, “italic”, “bold”, “black”…. (Oxigen, roboto, lato, advend pro) Y que con una sola familia podemos transmitir la diferenciación entre párrafo y titulo y dar la uniformidad necesaria para que el proyecto tenga un orden.
Consideraciones sobre tipografías, legibilidad en párrafos vs creatividad en títulos
Casi todas las tipografías sirven para “títulos” pero no todas las tipografías son aptas para texto de párrafo.
En el texto de párrafo hemos de ser conscientes de que lo más importante es la legibilidad, puesto que es un texto que va a leerse, y por lo tanto decidir muy bien la tipografía usada.
Hay que crear contrastes entre las fuentes
Para el título podemos usar la tipografía que queramos.
Por lo tanto para títulos una buena idea es usar tipografías que contrasten mucho con la tipografia de parrafo.
Si usamos tipografías muy parecidas, pero que no son de la misma familia, lo que conseguimos es un texto plano. En el caso de usar la misma familia combínala, como hemos visto en el primer punto, por ejemplo entre “bold” para titulo y “light” para párrafo.
Otra buena opción es usar la combinación de serif y sans serif para crear contraste.
Podemos crear contrastes usando por ejemplo “Bold” y “light” e introduciendo “italic” en algunos casos como por ejemplo los subtítulos.
Mis preferidas:
TIPOGRAFIAS PARA TITULOS:
• Lobster two, Playfair display
TIPOGRAFIAS PARA TEXTO Y PARRAFOS:
• Roboto, Oxigen, Lato, Pontano sans
RECOMENDADAS EN GENERAL: Oxigen, Oswald, Bree serif, Populaire, Pompiere, Bazar, Lobster two, Advent pro, Bitter, Upper East Side
Todas estas y muchas más podeis encontrarlas en la web de fuentes de google
