Me preguntan mucho sobre este tema y creo que es algo vital que marca la diferencia entre algo mediocre y algo con caracter. Para marcar esa diferencia hay que saber como combinarlas y lo que debes hacer es mirar mucho, buscar referencias y lo más importante probarlas en un diseño (así es como realmente vas a saber como queda).
Estructura
En páginas web hay varias líneas que se pueden seguir a la hora de combinar pero una vez que elijas no cambies la estructura de tus textos:
- Título, Descripción
- Título, Subtitulo, Descripción
- Subtitulo, Titulo, Descripción
Integración
Nosotros utilizamos siempre tipografías de Google Fonts salvo en raras excepciones que hay un tipo de letra que tiene el logotipo y que nuestro cliente se empeña en ponerla ¿Por qué? Porque se integran con todo tipo de sistemas desde Google Fonts su API es tan potente que abastece más del 80% de los medios de internet.
Estilo
Para hablar de tipografías siempre tenemos que ver de que estilo tiene nuestro proyecto y si son o no legibles. Nosotros utilizamos un conjunto de letras que siempre combinamos aunque sea en descripciones:
- Montserrat: siempre combia con todo y por algo es una de las tipografías más utilizadas, resalta con sus fuentes bold.
- Raleway: utilizada en Dvesign.
- Poppins: increible tipografía siempre que puedo la elijo sobre todo con letras light.
- Open Sans: la tipografía que se dio a conocer más rápido por su caracter tan simple, nosotros utilizamos en descripciones
- Lato: fuentes light que quedan muy bien combinadas con una bold.
Vamos a hablar de tipografías un poco más Retro o Vintage que depende del proyecto podrán destacar frente a letras Sans Serif, el tipo de proyectos en las que se pueden utilizar restaurantes, caferías, peluquerías…
- Oswald: muy buena sobre todo en Bold su caracter alargado la define y dandole algo de espacio entre letra y letra es una de las fuentes más utilizadas.
- Playfair: una letra con un caracter clásico que si la mezclas bien puedes utilizarla para dar elegancia sobre todo en titulares ya que en descripciones no es tan legible como otras.
- Merriweather: destaca de entre muchas por simpleza, una letra que es dificil de combinar pero si haces la combinación perfecta es la opción ganadora.
Ahora veamos letras un poco más sensibles, como más redonditas transmiten más empatía y que se utilizan para cosas más profundas como psicología, terapias de todo tipo, personal trainer…
- Nunito: una de las que más nos gusta aunque no sea de las más utilizadas.
- Quicksand: muy bonita tipografía y a la vez muy elegante sobre todo en descripciones.
Vamos a hablar ahora de las de mano alzada o handwriting y de las Display que aunque su uso no es común porque no son muy legibles si puede ser que para una portada te quede muy bien utilizar este tipo de letra:
- Lobster: la conocida entre las conocidas y la que más caracter tiene es una mezcla entre Retro y Handwriting que marca la diferencia entre otras de su clase.
- Pacifico: la característica que destaca en esta tipografía es que sus mayúsculas las hace como las minúsculas.
- Caveat: la que más se parece a una escritura como la que tu y yo tenemos.