CSS Grandi abbinamenti di caratteri
Ottimi abbinamenti di caratteri sono essenziali per un ottimo design.
Regole di abbinamento dei caratteri
Ecco alcune regole di base per creare fantastici abbinamenti di caratteri:
1. Complemento
È sempre sicuro trovare abbinamenti di caratteri che si completano a vicenda.
Un'ottima combinazione di caratteri dovrebbe armonizzarsi, senza essere troppo simili o troppo diversi.
2. Usa le superfamiglie di caratteri
Una superfamiglia di caratteri è un insieme di caratteri progettati per funzionare bene insieme. Quindi, l'uso di caratteri diversi all'interno della stessa superfamiglia è sicuro.
Ad esempio, la superfamiglia Lucida contiene i seguenti font: Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif e Lucida Math.
3. Il contrasto è il re
Due tipi di carattere troppo simili spesso entrano in conflitto. Tuttavia, i contrasti, fatti nel modo giusto, fanno emergere il meglio in ogni carattere.
Esempio: Combinare serif con sans serif è una combinazione ben nota.
Una superfamiglia forte include variazioni sia serif che sans serif dello stesso tipo di carattere (ad es. Lucida e Lucida Sans).
4. Scegli un solo capo
Un carattere dovrebbe essere il capo. Questo stabilisce una gerarchia per i caratteri sulla tua pagina. Questo può essere ottenuto variando le dimensioni, il peso e il colore.
Esempio
Senza dubbio "Georgia" è il capo qui:
body {
background-color: black;
font-family: Verdana,
sans-serif;
font-size: 16px;
color: gray;
}
h1
{
font-family: Georgia, serif;
font-size: 60px;
color: white;
}
Di seguito, abbiamo mostrato alcuni abbinamenti di caratteri popolari che si adattano a molti marchi e contesti.
Georgia e Verdana
Georgia e Verdana è una combinazione classica. Si attiene anche agli standard dei caratteri sicuri per il Web:
Esempio
Usa il carattere "Georgia" per i titoli e "Verdana" per il testo:
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.
Helvetica e Garamond
Helvetica e Garamond è un'altra combinazione classica che utilizza caratteri sicuri per il web:
Esempio
Usa il carattere "Helvetica" per i titoli e "Garamond" per il testo:
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.
Accoppiamenti di caratteri Google popolari
Se non desideri utilizzare caratteri standard in HTML, puoi utilizzare Google Fonts.
I caratteri di Google sono gratuiti e hanno più di 1000 caratteri tra cui scegliere.
Di seguito sono riportati alcuni popolari abbinamenti di caratteri Web di Google.
Merriweather e Open Sans
Esempio
Usa il carattere "Merriweather" per i titoli e "Open Sans" per il testo:
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 e Lora
Esempio
Usa il carattere "Ubuntu" per i titoli e "Lora" per il testo:
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 e Poppins
Esempio
Usa il carattere "Abril Fatface" per i titoli e "Poppins" per il testo:
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 e Fauna Uno
Esempio
Usa il carattere "Cinzel" per i titoli e "Fauna One" per il testo:
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.
Mountain One e Libre Baskerville
Esempio
Usa il carattere "Fjalla One" per i titoli e "Libre Baskerville" per il testo:
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.
Spazio Mono e Muli
Esempio
Usa il carattere "Spazio Mono" per i titoli e "Muli" per il testo:
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.
Spettrale e Rubik
Esempio
Usa il carattere "Spettrale" per i titoli e "Rubik" per il testo:
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.
Oswald e Noto Sans
Esempio
Usa il carattere "Oswald" per i titoli e "Noto Sans" per il testo:
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.
Per un elenco di tutti i font Google gratuiti, visita il nostro tutorial How To - Google Fonts .