Jak sparować czcionki | Wyjaśnione

Uczynienie projektu witryny doskonale przyjemne, jednocześnie utrzymując absolutnie profesjonal. Korzystanie z odpowiednich czcionek i odpowiednich par czcionek pomaga utrzymać spójność projektu witryny i zwiększyć wrażenia użytkownika. Pozostawia to dobry wpływ na użytkownika, który jest dobry dla Twojej firmy. CSS pozwala używać wielu par czcionek. W tym spisie omawia następujące czynności:

1. Wytyczne dotyczące parowania czcionek
2. Kilka świetnych par czcionek

Zacznijmy.

Wytyczne dotyczące parowania czcionek

Podczas parowania czcionek istnieją pewne wskazówki, które należy zadbać. Tutaj zapisaliśmy kilka wskazówek na temat parowania czcionek.

1. Unikaj konfliktów wizualnych
   Konflikt wizualny występuje, gdy używasz par czcionek, które nie uzupełniają się. Aby uniknąć tego konfliktu wizualnego, wybierz parę czcionki, która jest różnorodna, ale dobrze łączy się ze sobą.
2. Paraj w nadrodzonych czcionkach
   Używanie par czcionek z nadrodziny czcionki może okazać się bardzo dobrym wyborem. Rozważ tylko te pary czcionek, które się uzupełniają, ale nie wyglądają zbyt podobnie. Możesz porównać pary czcionek z nadrodziny czcionki na podstawie Serif vs. Sans Serif, gruby vs. cienkie lub skondensowane vs. rozszerzony.
3. Utrzymuj kontrast
   Utrzymanie kontrastu jest absolutnie konieczne podczas łączenia czcionek. Kontrast pomaga zachować równowagę w parowaniu czcionek w sposób, w jaki dwie czcionki z tej samej czcionki nadrodzą się, ale wyglądają zupełnie inaczej. Używanie sans z Sans-Serif może być jednym ze sposobów utrzymania kontrastu, chociaż nie jest to jedyny sposób, aby to zrobić.
4. Użyj mniej niż trzy czcionki
   Aby projekt witryny był przyjemny wizualnie, użycie tylko dwóch czcionek byłoby więcej niż wystarczające (jedna dla nagłówka, a druga dla tekstu nadwozia). Wybierz trzeci tylko w razie potrzeby.

Teraz, gdy zrozumieliśmy podstawowe zasady parowania czcionek, przejdźmy do dobrych opcji parowania czcionek.

Kilka świetnych par czcionek

Istnieje wiele repozytoriów, z których można uzyskać wiele niesamowitych czcionek, takich jak czcionki Google, czcionki Adobe, czcionki.com i wiele innych. Mając na uwadze powyższe zasady, możesz stworzyć dobre pary czcionki.

Tutaj wymieniliśmy dla Ciebie kilka dobrych opcji parowania czcionek!

Verdana i Georgia

Verdana ma odważne i szerokie znaki, dzięki czemu w międzyczasie odpowiednie dla tekstu nagłówka, cienkie pociągnięcia i pogrubione serify Gruzji czynią to idealny wybór do tekstu nadwozia.

Przykład
W tym przykładzie do nagłówka używana jest Verdana, a Gruzja jest używana do akapitu.

H1
Font-Family: Verdana, bez Serif;
Rozmiar czcionki: 28px;

P
Rodzina czcionki: Georgia, Serif;
Rozmiar czcionki: 16px;

Wyjście

Stosuje się kombinację Verdany i Gruzji.

Lobster i kabina

Połączenie homara i kabiny działa doskonale. Te dwie czcionki uzupełniają się w sposób, w jaki homar jest odważny i atrakcyjny, podczas gdy kabina jest prosta i prosta.

Przykład
W poniższym przykładzie homar jest używany do nagłówka, a kabina jest dla akapitu.

H1
Font-family: Lobster, Serif;
Rozmiar czcionki: 28px;

P
Font-Family: Cabin, Sans-Serif;
Rozmiar czcionki: 16px;

Wyjście

Stosuje się kombinację homara i czcionek kabinowych.

Helvetica i Georgia

Helvetica jest bardzo popularnym wyborem, jeśli chodzi o nazwy marek ze względu na swój schludny, odważny i nowoczesny wygląd.

Przykład
Ten przykład wykorzystuje czcionkę Helvetica do nagłówka i czcionka Georgia do akapitu.

H1
Font-Family: Helvetica, Sans-Serif;
Rozmiar czcionki: 28px;

P
Rodzina czcionki: Georgia, Serif;
Rozmiar czcionki: 16px;

Wyjście

Stosuje się kombinację Helvetica i Gruzji.

Cinzel i Fauna One

Cinzel i Fauna One to czcionki Google. Cinzel czerpie inspirację z rzymskich inskrypcji i ma współczesny styl. Z drugiej strony fauna One ma nowoczesny akcent z miękką i skondensowaną strukturą.

Przykład
W tym przykładzie Cinzel jest używany do nagłówka, a do akapitu używany jest fauna One.

Wyjście

Kombinacja czcionek Cinzel i Fauna One.

Josefin Slab i Josefin Sans

Josefin Slab ma w stylu maszyny do pisania, który idealnie pasuje do stylu vintage Josefin Sans. W przypadku nagłówków używa się płyty Josefin, podczas gdy do akapitów używany jest Josefin Sans.

Przykład
Ten przykład używa płyty Josefin do nagłówków, a Josefin Sans do akapitów.

Wyjście

Kombinacja płyty Josefin i Josefina Sans jest używana.

To jest kilka próbek par czcionek. Korzystając z wytycznych wymienionych powyżej, możesz stworzyć własne pary czcionki i stworzyć fantastyczną stronę internetową!

Wniosek

Dobre pary czcionek mogą tworzyć wyjątkowo przyjemne strony internetowe, które poprawią wrażenia użytkownika, a zatem są kluczowe dla struktury dobrego projektowania stron internetowych. Istnieją pewne wytyczne, które należy przestrzegać podczas łączenia czcionek, takich jak; Unikanie konfliktów wizualnych, sparowanie w nadrodzonych czcionkach, utrzymanie kontrastu i używanie nie więcej niż trzech czcionek. W tym pismach omawia te wytyczne i pokazuje niektóre popularne parki czcionek.