Świetne parowanie czcionek CSS
Świetne pary czcionek są niezbędne do dobrego projektu.
Zasady parowania czcionek
Oto kilka podstawowych zasad tworzenia świetnych par czcionek:
1. Uzupełnienie
Zawsze można bezpiecznie znaleźć pary czcionek, które się uzupełniają.
Świetna kombinacja czcionek powinna harmonizować, nie będąc zbyt podobna ani zbyt różna.
2. Użyj nadrodzin czcionek
Nadrodzina czcionek to zestaw czcionek zaprojektowanych tak, aby dobrze ze sobą współpracowały. Tak więc używanie różnych czcionek w tej samej nadrodzinie jest bezpieczne.
Na przykład nadrodzina Lucida zawiera następujące czcionki: Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif i Lucida Math.
3. Kontrast jest królem
Dwie zbyt podobne czcionki często powodują konflikt. Jednak kontrasty, wykonane we właściwy sposób, wydobywają to, co najlepsze w każdej czcionce.
Przykład: Kombinacja szeryfowa z bezszeryfową jest dobrze znaną kombinacją.
Silna nadrodzina obejmuje zarówno wersje szeryfowe, jak i bezszeryfowe tej samej czcionki (np. Lucida i Lucida Sans).
4. Wybierz tylko jednego szefa
Jedna czcionka powinna być szefem. Ustanawia to hierarchię czcionek na twojej stronie. Można to osiągnąć, zmieniając rozmiar, wagę i kolor.
Przykład
Bez wątpienia „Gruzja” jest tu szefem:
body {
background-color: black;
font-family: Verdana,
sans-serif;
font-size: 16px;
color: gray;
}
h1
{
font-family: Georgia, serif;
font-size: 60px;
color: white;
}
Poniżej pokazaliśmy kilka popularnych par czcionek, które będą pasować do wielu marek i kontekstów.
Gruzja i Verdana
Georgia i Verdana to klasyczne połączenie. Jest również zgodny ze standardami bezpiecznych czcionek internetowych:
Przykład
Użyj czcionki „Georgia” do nagłówków i „Verdana” do tekstu:
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 i Garamond
Helvetica i Garamond to kolejna klasyczna kombinacja, która wykorzystuje bezpieczne czcionki internetowe:
Przykład
Użyj czcionki „Helvetica” do nagłówków i „Garamond” do tekstu:
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.
Popularne pary czcionek Google
Jeśli nie chcesz używać standardowych czcionek w HTML, możesz skorzystać z Google Fonts.
Czcionki Google są bezpłatne i mają do wyboru ponad 1000 czcionek.
Poniżej znajduje się kilka popularnych parowania czcionek internetowych Google.
Merriweather i Open Sans
Przykład
Użyj czcionki „Merriweather” dla nagłówków i „Open Sans” dla tekstu:
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 i Lora
Przykład
Użyj czcionki „Ubuntu” dla nagłówków i „Lora” dla tekstu:
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 i Poppins
Przykład
Użyj czcionki „Abril Fatface” dla nagłówków i „Poppins” dla tekstu:
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 i Fauna Jeden
Przykład
Użyj czcionki „Cinzel” jako nagłówka i „Fauna One” jako tekstu:
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 i Libre Baskerville
Przykład
Użyj czcionki „Fjalla One” jako nagłówka i „Libre Baskerville” jako tekstu:
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.
Space Mono i Muli
Przykład
Użyj czcionki „Space Mono” dla nagłówków i „Muli” dla tekstu:
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.
Spectral i Rubik
Przykład
Użyj czcionki „Spectral” dla nagłówków i „Rubik” dla tekstu:
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 i Noto Sans
Przykład
Użyj czcionki „Oswald” do nagłówków i „Noto Sans” do tekstu:
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.
Aby zapoznać się z listą wszystkich bezpłatnych czcionek Google, odwiedź nasz poradnik dotyczący czcionek Google .