Usa el Combinaciones de Fuentes para Títulos y Texto gratuito abajo: tus datos nunca salen de tu navegador, todo el trabajo ocurre en tu dispositivo y no se sube a ningún servidor.
Por qué importa combinar fuentes
Cada documento, sitio web y cartel usa al menos una fuente, y la mayoría usa dos: una para títulos y otra para el texto. Cuando esas dos fuentes trabajan juntas, los lectores apenas notan la tipografía. Una buena tipografía es invisible: lleva el mensaje sin estorbar. Cuando las fuentes pelean, los lectores notan el desorden en lugar del mensaje, se cansan más rápido y confían menos en el contenido, incluso si las palabras son buenas.
Combinar fuentes no trata de encontrar dos fuentes bonitas. Trata de encontrar dos fuentes con trabajos distintos que se complementen. La fuente de títulos marca el ambiente: elegante, fuerte, juguetona o seria. La fuente de texto hace el trabajo largo y silencioso de resultar legible durante párrafos enteros. Si ambas fuentes gritan, la página hace ruido. Si ambas susurran, nada destaca. Las mejores parejas tienen contraste de estilo pero armonía de sensación, y esta herramienta te permite probar ese equilibrio en vivo.
Cómo usar esta vista previa
Elige una fuente para títulos y una fuente para texto en las listas, y la vista previa de abajo se actualiza. El título de ejemplo muestra la fuente de títulos en tamaño grande, y el párrafo de ejemplo muestra la fuente de texto en texto continuo, que es la única forma honesta de juzgar una fuente de texto: las palabras sueltas siempre se ven mejor que los párrafos. Prueba primero las tres parejas listas y luego mezcla las tuyas. Las diez fuentes son fuentes gratuitas de Google, así que cualquier pareja que te guste puede usarse en un sitio web o documento sin pagar licencia.
Las tres parejas listas cubren el territorio más útil. La pareja clásica con serifa usa Playfair Display para títulos y Roboto para texto: títulos elegantes con un texto limpio y neutro. La pareja moderna y limpia usa Montserrat e Inter: geométrica y muy legible, buena para tecnología y negocios. La pareja llamativa de portada usa Oswald y Poppins: títulos fuertes y condensados con un texto amable y redondeado, buena para carteles y titulares. Empieza desde la pareja más cercana y ajusta una fuente cada vez.
Las reglas de una buena combinación
Primero, contrasta los papeles. Una fuente con serifa para títulos con una fuente sin serifa para texto es el clásico más seguro, porque la diferencia es clara pero no chirría. Dos fuentes sin serifa también pueden funcionar, pero necesitan una diferencia clara de peso o forma, como un título geométrico en negrita con un texto humanista sencillo. Dos fuentes con serifa rara vez funcionan juntas, porque se parecen demasiado para sentirse como una pareja deliberada.
Segundo, limítate a dos fuentes, tres como mucho. Cada fuente extra añade ruido y tiempo de carga en un sitio web, y debilita la identidad visual de la página. Si necesitas una tercera fuente, úsala solo para acentos pequeños, como etiquetas o pies de foto, y mantenla discreta. Tercero, comprueba la fuente de texto en tamaños pequeños y en párrafos largos. Una fuente que parece encantadora en un titular puede resultar agotadora en una página completa de texto, con espaciado ajustado o formas de letra poco habituales que ralentizan la lectura.
Un ejemplo resuelto: el menú de una cafetería
Imagina que diseñas el menú de una cafetería pequeña. Quieres calidez y legibilidad: los clientes deben sentirse bienvenidos y leer los precios sin esfuerzo. Prueba títulos en Playfair Display con texto en Roboto. Los títulos se sienten elegantes y un poco clásicos, como un buen letrero de cafetería, mientras Roboto se mantiene neutro y fácil de leer en tamaños pequeños. Ahora prueba Oswald con Poppins: el menú se siente más ruidoso y moderno, como un puesto de comida callejera. Las mismas palabras, una sensación distinta, y la pareja de fuentes hizo todo el trabajo.
Ahora prueba a propósito una pareja mala: dos fuentes decorativas, o dos fuentes que se parecen casi por completo. La vista previa te mostrará por qué existen las reglas. La pareja decorativa es difícil de leer, y la pareja casi idéntica parece un error, como si el diseñador no pudiera decidirse. Aprender a detectar parejas malas es tan valioso como aprender a detectar parejas buenas, porque evita que las publiques.
Errores comunes
El error más común es elegir fuentes por su nombre o por cómo se ven como palabras sueltas, sin probar un párrafo completo. Prueba siempre el texto en frases. Otro error es ignorar la carga: cada fuente de Google añade peso de descarga a un sitio web, así que cargar diez fuentes para una página es un desperdicio. Carga solo los pesos que realmente usas, normalmente normal y negrita.
Un tercer error es olvidar la accesibilidad. El texto debe ser bastante grande, con suficiente contraste frente al fondo y con un interlineado generoso. Una fuente bonita en tamaño diminuto y gris pálido no es buen diseño, es una barrera. Prueba tu pareja en el tamaño que usarán los lectores reales, en una pantalla real, antes de decidirte.
Pruébala tú mismo
Elige un proyecto real que tengas: un currículum, un blog, un cartel o un letrero de tienda. Prueba tres parejas distintas en esta herramienta, lee el párrafo de ejemplo en cada una y elige la pareja que puedas leer con más comodidad, no la que parezca más impresionante a primera vista. La comodidad con el tiempo es para lo que sirve una buena tipografía.