Combinaciones de fuentes que se ven bien en los sitios web

La tipografía es una de las partes clave de cualquier diseño de sitio web. Elegir las combinaciones correctas de las fuentes es una decisión importante que no debe tomarse fácilmente. Con tantas fuentes hermosas, ¿cómo eliges las correctas? Hoy, hablaremos más sobre elegir fuentes y hacer combinaciones de hermosas fuentes. No estás solo en el gran mundo del diseño, y la inspiración del trabajo de otros diseñadores es una gran idea. Dicho esto, echemos un vistazo a las fuentes que van juntas y te ayuden a elegir el par de fuentes perfectas. ¡Y tal vez encuentres tu inspiración allí!
Combinaciones de fuentes: Consejos básicos de sugerencia 1: Use Font Superfamili

Una de las formas más simples de encontrar fuentes complementarias es el uso de fuentes en la misma superfamilia. Una superfamilia de fuentes es un grupo de fuentes que caen en varias clasificaciones. Las superfamilias de fuentes más populares se pueden dividir en 2 grandes categorías; Las familias de fuentes se agruparon para el mismo propósito; y familias de fuentes con las mismas formas de letras. Por ejemplo, una superfamilie popular basada en la misma forma de letras es Lucida (que comprende Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif y Lucida Math), mientras que una superfamilie notable basada en el mismo propósito es Liberation Sans ., Liberación). Serif y liberación mono)
Consejo 2: Par de fuentes contrastantes

Hacer un buen ajuste de fuentes no siempre significa encontrar fuentes similares. Por el contrario, puede usar fuentes completamente diferentes, pero aún complementarias. Por lo general, hacer coincidir la fuente contrastante implica serif y sans serif. Las mejores combinaciones de fuentes a menudo no vienen en forma de fuentes demasiado similares. Por ejemplo, la aparición de un serif con otro serif no es la mejor idea. Una cosa para recordar es establecer una jerarquía clara. Esto podría ser tan simple para variar el tamaño y el peso del mismo tipo de letra. Sin embargo, en los casos, la cuidadosa coincidencia de la fuente es extremadamente importante. Si tiene una cara de exhibición de personalidad única, necesitará algo más neutral para hacer un trabajo duro. en varias subcategorías. Por ejemplo, las viejas series de estilo, como Bembo, Caslon y Garamond, se combinarán bien con las tardes sans humanistas, como Gill Sans y Lucida Gans. Por otro lado, la serie de transición tiene un contraste más fuerte entre las líneas gruesas y delgadas. Por ejemplo, Bookman, Sra. Eves, Perpetua y Times están de acuerdo con Geométrico Sans Serif, como Avant Garde, Avenir, Century Gothic, Eurostile, Futura y Universo.
Cómo usar estas combinaciones Paso 1: incorpore las fuentes a su sitio web, agregando el código de incorporación como primer elemento en el documento HTML. Paso 2: decline las fuentes que se utilizarán para el cuerpo y los títulos en el archivo style.css.
Las combinaciones ahora hablan de algunos pares de fuentes que han demostrado ser efectivas. Mercury y Whitneywhitney: claro para la señalización, compacto para la impresión.
Whitney es una familia de fuentes populares que se creó originalmente para el Museo Whitney en Nueva York. Apoya los requisitos de la tipografía editorial, así como los de la señalización pública.

Mercurio: High Style cumple con alto rendimiento

Mercury Text es una familia de fuentes de alto rendimiento y excelentes estilo. Tomó 9 años desarrollar este tipo de familia, pero el trabajo duro en ella ciertamente dio fruto. Las fuentes de Adobe Garamond y Europa en estilo Garamond son populares y a menudo se usan, especialmente para imprimir texto y libros.
Europa es un diseño de fuente independiente que se adapta perfectamente a Adobe Garamond.

Montserrat y PlayFair Display Si está buscando hermosos pares de fuentes de Google, que son audaces y amigables, debe considerar combinar Montserrat y Work Sans.

Montserrat es una de las fuentes más populares en su colección y es perfecta para sitios web modernos, así como para algunos modelos clásicos. Se puede adaptar fácilmente a muchas personalidades diferentes.

Su combinación con la pantalla PlayFair crea una de las combinaciones más fuertes de Google Font.
Halant y Nunito Sans

Si está buscando un elegante serif para títulos atractivos, Salant debe ser la fuerza de su elección.

Combínelo con Nunito Sans como una fuente corporal y obtendrá un estilo elegante y mínimo, que puede funcionar muy bien para casi cualquier sitio web.

Tungsteno y sans abierto

Si tiene una marca alegre y juvenil, desea que su par de fuentes sea brillante, brillante y amigable. La combinación de tungsteno para abiertos sans títulos para el cuerpo es una combinación increíble para casos como este. Anton y el trabajo sans

La combinación de Anton and Work Sans es uno de los mejores pares de fuentes para aquellos que desean obtener una especie de estilo elegante y elegante -de -the -Art. antónimo

En esta combinación, Anton debe usarse para títulos, mientras que el trabajo sans da el aspecto moderno. Juntos, combinan maravillosamente la modernidad y la tradición.


Oswald y Cardo Si desea crear un fuerte impacto con una fuerte combinación de contraste, la combinación de Oswald y Cardo es el camino a seguir. Un sans-serif condensado en todas las letras mayúsculas y un estilo de cuerpo clásico. Oswald

Cardo

Yeseva One y Josefin Sans Si desea que su sitio se vea retro, lujoso o manuscrito, la combinación de Yeseva One y Josefin Sans será una de las combinaciones de fuentes favoritas. Use Yeseva One para títulos para darle al sitio una especie de atmósfera clásica y luego agregue el cuerpo Josefin Sans que se ajuste al tema.
Yeseva uno

Josefin sans

Nixie One y Libre Baskerville
Nixie One es un tipo perfecto de letras para títulos, pero debe mitigarse combinándola con otra fuente para el cuerpo del texto. ¿Pero qué fuente elegir?

Bueno, Libre Baskerville, por supuesto. Los dos hacen una hermosa combinación de fuentes, que es contrastante y fácil para los ojos.

Rubik y Karla

Font Google Karla es una fuente simple y limpia, que se adapta maravillosamente a Rubik. Karla + Rubik le da al sitio un aspecto súper limpio, que es muy legible y perfecto para blogs de tecnología similares. Karla

Rubik

Playfair Display y una fauna

PlayFair Display y una fauna están bellamente entrelazadas y generalmente se usan para blogs femeninos o para sitios web de noticias. Complementarse entre sí de todas las formas correctas.
Oswald y Quattrocento

Oswald es una excelente opción para aquellos que desean que los títulos en el sitio sean notables, independientemente del peso de la fuente. Atrae la atención instantánea del usuario. Combinado con Quattrocento, esta es una de las mejores combinaciones de fuentes que podría usar para un sitio web moderno y hermoso.

Esta combinación de fuentes es comúnmente utilizada por agentes inmobiliarios, abogados, boutiques de élite y sitios web similares. También es excelente para el contenido de la descripción del producto, así como para resaltar la calidad superior de los productos. Abre sin condensado y lora

La versión condensada de Open Sans Google Font es una de las fuentes versátiles. Cuando se combina con Lora, los resultados son simplemente mágicos para el diseño del sitio web.


Ambas fuentes son limpias y fáciles de leer, y cuando están asociadas, la combinación es simple, pero elegante y hermosa. Esta es, sin duda, una de las combinaciones gratuitas de Google Font más populares.

Independientemente del tipo de sitio web que cree, no hay muchas cosas que puedan ir mal con esta combinación versátil. Funciona excelente para cualquier sitio de blog, la página de destino de un sitio web, página web comercial, aplicación web, etc. Raleway y Poor Roboto Si está buscando una combinación clásica y fuentes de Google gratuitas versátiles, no lo busque. Raleway y Deak Roboto es una de las combinaciones más sorprendentes de fuentes que puedes usar para páginas web. Las dos fuentes son bastante diferentes, pero son agradables. Crean una impresión fuerte y mágica e inmediatamente capturan la atención del usuario.

Esta es una de las mejores combinaciones de fuentes de Google para sitios de comercio de élite electrónico para productos como joyas de lujo, ropa de diseñador y similares. Ambas fuentes se pueden usar indistintamente como títulos de cuerpo y textos. Pruebe diferentes opciones con este combo y vea que funciona mejor para su sitio y el diseño de la marca Roboto y Roboto Si le gusta Roboto, debe consultar una de las combinaciones de los diseñadores web favoritos; Roboto + Roboto condensado.

Es simple, limpio, elegante y fácil de leer. La combinación es tan versátil que puede funcionar excelente con todo tipo de sitios web.

Funciona excelente para cualquier empresa recién establecida por Tecnología, un negocio pequeño y similar contemporáneo. Se combinará maravillosamente con cualquier identidad de marca con un valor masivo en el futuro. Playfair Display and Source Sans Pro, se cree que Playfair Display tiene su inspiración en las cartas del siglo XVIII y ha mantenido una dosis de su antiguo encanto, pero con una nota moderna. Pero en lugar de combinar dos fuentes. De manera similar, Playfair se adapta bien con fuentes futuristas y modernas, como Source Sans Pro. Este es uno de los buenos pares de fuentes que son creativas, pero aún prácticas y fáciles de leer.

Este par de fuentes de pantalla de PlayFair ofrece una nota personal para los lemas y descripciones de productos y es adecuado para las páginas web que se ocupan de los productos y servicios de diseño gráfico. La combinación de encanto antiguo y diseño moderno atrae inmediatamente la atención del usuario de todas las formas correctas. Las arenas en movimiento (mediana + luz) A veces, todo lo que se necesita es combinar dos versiones diferentes de la misma fuente para crear una combinación fuerte de tipos. Una de esas grandes combinaciones de fuentes está compuesta de arena rápida media para títulos y arena rápida para el texto del cuerpo.

Quicksand es una pantalla geométrica sin servicio con terminales redondeadas, lo que hace que sea fácil de usar y fácil de leer. Si lo combina con colores brillantes y brillantes, obtendrá un aspecto moderno y emocional. Abril Fatface y Roboto Si está buscando una combinación tipográfica de moda y elegante, considere usar Abril Fatfe + Roboto.

Como dicen los autores de Abril Fatface: “Las noches delgadas y las curvas limpias le dan al personaje una nota refinada que le da a cualquier título una apariencia elegante”. Roboto equilibra todo el diseño y le da ese aspecto en general amigable y elegante que desea en un sitio web moderno bien diseñado. Enriqueta y Droid Serifind combinan Enriqueta y Droid Serif, Enriqueta debe usarse para títulos, mientras que Droid Sans equilibrará maravillosamente el aspecto general cuando se use para el texto del texto. Las dos fuentes son bastante diferentes y crean un hermoso contraste que es fuerte, pero elegante.

Alegreya y Alegregreya sans

La combinación de Alegregreya y Alegregreya Sans se ve increíble. Alegreya

La combinación de Alegregreya y Alegregreya Sans proporcionan un enfoque práctico para el contenido de la página web. Y aunque es fácil de leer y comprender, la combinación también es divertida y única. Alegregreya sans

Fjalla One y Noto sin fjalla uno no es lo que normalmente llamaríamos un tipo de letra súper versátil. Sin embargo, cuando se usa para títulos y se asocia con una fuente contrastante que se complementa bien, puede proporcionar resultados sorprendentes.



Una de las mejores fuentes para combinar con Fjalla One es Noto sin. Noto Sans es una fuente bastante universal que no requiere ningún formato para los errores que se muestran. Se puede encontrar en la Biblioteca de Google.

Cuando están asociadas, estas dos fuentes son excelentes para las páginas de destino de los sitios web e incluso para blogs. También es bueno que los textos largos se dividan en subtítulos. El carácter universal de la OTAN Sans lo convierte en la elección correcta para llegar al público internacional rápidamente. Para sans y para sans estrecho, si eres fanático de las fuentes tradicionales que ofrecen el antiguo encanto con giro moderno, para sans es definitivamente una de las fuentes, debes mirar de cerca. Cuando se asocia con PT sin estrecho, se convierte en una de las mejores combinaciones de fuentes que he visto hasta ahora. Para los hechos, esta fue una de las mejores combinaciones de Google Font en 2017 y sigue siendo una de las tendencias favoritas de los diseñadores web en todo el mundo. Inmediatamente atrae la atención, pero es fácil de leer y muy fácil de usar. Para sans estrecho

De cualquier manera, el combo funciona excelente como texto o título y simplemente puede decidir cómo elegir entre los dos de acuerdo con sus preferencias personales o los requisitos de su marca. Es una combinación versátil que puede convertirse fácilmente en cualquier sitio web y puede usarse en la mayoría del contenido de comunicación digital moderna. Josefin Sans y Amatic SC Josefin Sans y Amatic SC es una combinación maravillosa cuando se implementa correctamente. En vista de esto, se implementará cuidadosamente debido a la naturaleza impredecible de ambas fuentes. Josefin sans


SC amático

Sí, la combinación atraerá inmediatamente la atención de los usuarios, pero no es para todos. Si decide intentarlo, nunca debe usar SC Amatic como el tipo de texto principal de página, porque volverá a los usuarios locos. Sin embargo, si eres un animador, un músico, un artista o una persona creativa de cualquier tipo, este combo podría ser exactamente lo que has buscado. Funciona excelente para blogs de nicho, debido al tono dominante de las fuentes. Merriweather y Montserrat Font Montserrat Google ha sido muy popular entre los diseñadores web durante algún tiempo. Sin embargo, si no está seguro de aparearse con las fuentes de Monserrat, considere combinarlo con Merriweather y disfrutar de un verdadero mimos.

Combo es fácil de leer y bastante elegante y puedes usar ambas fuentes indistintamente como títulos o textos para el párrafo. En ambos casos, los resultados serán excelentes, por lo que puede diseñar la página con estas fuentes de acuerdo con sus propias preferencias o los requisitos de su marca. La combinación de fuentes de Montserrat y Merriweather está funcionando bien para las noticias en línea o cualquier agencia de publicación, TI, TI, TI, TI, TI, TI, TI, TI, TI, es ideal para sitios web de negocios y refleja la cuerda correcta entre el diseño clásico tradicional y moderno. FJala One y Lora

No necesita una herramienta de asociación de fuentes profesionales para darse cuenta de que FJALA One se ajusta muy bien. Lora

Como todas las buenas combinaciones de fuentes, esta combinación es fácil de leer y tiene una nota de elegancia y estilo que ciertamente desea agregar a un sitio web. Combínelo con una paleta de oro rosa o rosa y obtendrá una combinación perfecta para un sitio web para mujeres para una marca impulsada por una mujer de negocios fuerte, por ejemplo. Super Grotesk y Minion Pro Minion Pro y Super Grotesk son una gran combinación si usa Minion Pro para títulos y Super Grotesk Sans-Serif. Cuando están asociadas, estas fuentes pueden ayudarlo a crear una página web elegante y elegante.

Libre Franklin y Libre Baskerville Si está buscando una sensación tradicional para su sitio, debe considerar la asociación de las fuentes Libre Franklin y Libre Baskerville.

Ambos han sido optimizados para el uso de la pantalla, son legibles y simples y aún tienen el antiguo encanto, si este es su trabajo. Freight Sans y el texto de flete que mencioné anteriormente en nuestra guía de asociación de fuentes que, si no está seguro de cómo hacer coincidir las fuentes, debe intentar trabajar en la superfamiliación de las fuentes. Uno de los mejores ejemplos de qué tan bien funcionan estas fuentes juntas es la combinación de carga y texto de carga.

El transporte está disponible en una amplia gama de pesas y estilos, incluidos SANS, texto, visualización y micro versiones, lo que le brinda una herramientas tipográficas versátiles para trabajar. Kaufmann y Neutrademi Si te has cansado de todas las formas clásicas de igualar una fuente, trata de echar un vistazo a algunos de los durados de fuentes más inesperados. Uno de ellos es la combinación de Kaufmann y Neutradei. No es una combinación obvia, pero una vez que vea cuán hermosas se completan estas dos fuentes, no podrá tomar sus ojos de ellas.

Brandon Grotesque y Minion Pro ya han visto la fuente Minion Pro en nuestra lista y la razón por la cual es la sorprendente versatilidad de esta fuente de confianza. Sin embargo, cuando lo combinas con Brandon Grotesque, los resultados son realmente sorprendentes.

Este es un gran par de fuentes serif y sans-servicio, ambas fuentes permanecen claras y fáciles de escanear en cualquier aspecto de página. Josefin Dable y Patrick Hand Josefin Débil es el resultado del diseñador Santiago Orozco que quería crear un tipo de caracteres similares a Label y Memphis, pero con una nota moderna. Como resultado, creó una fuente distintiva y única, perfecta para títulos.

Cuando se combina con Patrick Hand utilizado para el texto del cuerpo, crea una combinación de personajes de impacto, llenos de personalidad y fácil de reconocer de acuerdo con la atmósfera amigable.

Neu Helvetica y Garamond Este es un famoso dúo armonioso, que combina la ubicua neo-grid sans serif neue helvetica para títulos con el clásico estilo de garamond de serif.

Mezcle diferentes pesos y dimensiones entre las dos familias neutrales para establecer una jerarquía en su Caslon y Myriad Combo Caslon y Myriad Design es un par de fuentes clásicas que combinan el antiguo encanto con moderna y elegante. Comunicación corporativa de Apple, así como en el logotipo de Rolls Royce.

Fontin y Fontin Sans Fontin y Fontin Sans es otra combinación de fuentes que funcionan excelentes con el diseño web. Fontin ha sido especialmente diseñado para usarse en pequeñas dimensiones y tiene una distancia libre y una alta altura.

Combínelo con Fontin Sans y tendrá un par hermoso y fácil de leer, que puede incorporarse a casi cualquier sitio web.

Minion y Poppl-Laudatio tanto Minion como Poppl-Laudatio están llenos de carácter y personalidad, pero luego están increíblemente conectados y crean una combinación de fuentes bellamente equilibrada.


Combina el antiguo encanto del minion, inspirado en el tipo de renacimiento tardío, con el extraño borde de Poppl-Laudatio.


Liberación serif y liberación sans La liberación de la superfamilia ha sido concebida como un reemplazo de código abierto para muchas fuentes de ventanas comúnmente utilizadas, como Arial, Times New Roman y Courier New.

No solo puedes emparejar Liberation Serif y Liberation Sans para crear un hermoso combo de impresión, sino que también puedes jugar con las otras opciones de esta superfamilia, por ejemplo, sin estrecho y mono.

Trade Gothic Bold y Sabon Trade Gothic Bold y Sabon son fuentes que van bien juntas, pero si realmente quieres aprovechar al máximo esta combinación, debes usar Trade Gothic Bold para títulos y fuentes de Sabon para el cuerpo del texto.

Ambas fuentes son muy legibles y elegantes, y cuando se combinan, los resultados son simplemente extraordinarios.

Si lo que desea crear es un sitio web de moda, debe usar una combinación de fuentes, como Chivo y la combinación de paso elevado.

Abra Sans y para Sans Si está buscando una combinación de fuentes que funcionen con cualquier diseño, debe elegir una combinación versátil de fuentes, como este par de fuentes abiertas. Open Sans suele ser una buena opción para el texto del cuerpo, pero cuando lo haces audaz o muy audaz, se ve muy bien como un título. For SANS es una fuente mínima que es una excelente opción para el texto del cuerpo y se ajusta maravillosamente a Sans abierto. Los pensamientos que vienen sobre este artículo sobre combinaciones de fuentes, seleccionar fuentes, es una parte importante del proceso de diseño del sitio web y encontrar las fuentes correctas no es tan fácil como parece. Hoy, he echado un vistazo más de cerca a algunas de las fuentes que van bien juntas y crean excelentes combinaciones de fuentes web. Piense en la atmósfera que desea tener su sitio y elija la combinación de fuentes favoritas en consecuencia. Si le gustaba leer este artículo sobre combinaciones de fuentes, debe consultarlas sobre las fuentes cursivas y las mejores fuentes gratuitas.