Grandes combinaciones de fuentes CSS
Las grandes combinaciones de fuentes son esenciales para un gran diseño.
Reglas de emparejamiento de fuentes
Aquí hay algunas reglas básicas para crear excelentes combinaciones de fuentes:
1. Complemento
Siempre es seguro encontrar combinaciones de fuentes que se complementen entre sí.
Una gran combinación de fuentes debe armonizar, sin ser demasiado similar o demasiado diferente.
2. Usa superfamilias de fuentes
Una superfamilia de fuentes es un conjunto de fuentes diseñadas para funcionar bien juntas. Por lo tanto, usar diferentes fuentes dentro de la misma superfamilia es seguro.
Por ejemplo, la superfamilia Lucida contiene las siguientes fuentes: Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif y Lucida Math.
3. El contraste es el rey
Dos fuentes que son demasiado similares a menudo entran en conflicto. Sin embargo, los contrastes, hechos de la manera correcta, sacan lo mejor de cada fuente.
Ejemplo: Combinar serif con sans serif es una combinación bien conocida.
Una superfamilia fuerte incluye variaciones serif y sans serif de la misma fuente (por ejemplo, Lucida y Lucida Sans).
4. Elija solo un jefe
Una fuente debe ser el jefe. Esto establece una jerarquía para las fuentes en su página. Esto se puede lograr variando el tamaño, el peso y el color.
Ejemplo
Sin duda, "Georgia" es el jefe aquí:
body {
background-color: black;
font-family: Verdana,
sans-serif;
font-size: 16px;
color: gray;
}
h1
{
font-family: Georgia, serif;
font-size: 60px;
color: white;
}
A continuación, mostramos algunas combinaciones de fuentes populares que se adaptarán a muchas marcas y contextos.
georgia y verdana
Georgia y Verdana es una combinación clásica. También cumple con los estándares de fuentes seguras para la web:
Ejemplo
Use la fuente "Georgia" para los encabezados y "Verdana" para el texto:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Helvética y Garamond
Helvetica y Garamond es otra combinación clásica que utiliza fuentes web seguras:
Ejemplo
Use la fuente "Helvetica" para los encabezados y "Garamond" para el texto:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Emparejamientos populares de fuentes de Google
Si no desea utilizar fuentes estándar en HTML, puede utilizar Google Fonts.
Google Fonts es de uso gratuito y tiene más de 1000 fuentes para elegir.
A continuación se muestran algunos emparejamientos populares de fuentes web de Google.
Merriweather y Open Sans
Ejemplo
Use la fuente "Merriweather" para los encabezados y "Open Sans" para el texto:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Ubuntu y Lora
Ejemplo
Use la fuente "Ubuntu" para los encabezados y "Lora" para el texto:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Abril Fatface y Poppins
Ejemplo
Utilice la fuente "Abril Fatface" para los encabezados y "Poppins" para el texto:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Cinzel y Fauna Uno
Ejemplo
Use la fuente "Cinzel" para los encabezados y "Fauna One" para el texto:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Montaña Uno y Libre Baskerville
Ejemplo
Use la fuente "Fjalla One" para los encabezados y "Libre Baskerville" para el texto:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Espacio Mono y Muli
Ejemplo
Utilice la fuente "Space Mono" para los encabezados y "Muli" para el texto:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
espectral y rubik
Ejemplo
Use la fuente "Espectral" para los encabezados y "Rubik" para el texto:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Osvaldo y Noto Sans
Ejemplo
Use la fuente "Oswald" para los encabezados y "Noto Sans" para el texto:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by
Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Para obtener una lista de todas las fuentes de Google gratuitas, visite nuestro Tutorial de fuentes de Google .