Jak wybrać czcionki dla strony internetowej lub artykułu?

W tym artykule wyjaśniliśmy niektóre z podstawowych elementów, których potrzebujesz, aby dokonać właściwego wyboru, biorąc pod uwagę, że budujesz swoją stronę internetową na Tilda, platformie all-in-one, która pozwala każdemu stworzyć stronę internetową bez zatrudniania programisty lub profesjonalnego projektanta.

Można przesłać maksymalnie dwie czcionki. Korzystanie z ograniczonej liczby czcionek zapewnia dobre wrażenia wizualne. Ponadto użycie dodatkowych czcionek może spowolnić ładowanie strony. Dlatego dostępne są tylko dwie czcionki.

W "Ustawieniach witryny" przejdź dalej i kliknij "Czcionki i kolory". To polecenie przeniesie Cię do podstawowych czcionek wybranych przez naszych profesjonalnych projektantów. Po znalezieniu najbardziej preferowanej czcionki kliknij "Wybierz" i "Zapisz zmiany". Po wykonaniu tych czynności czcionka na stronie zmieni się automatycznie.

Po przewinięciu strony w dół znajdziesz ustawienia rozmiaru, grubości i koloru czcionki. Parametry użyte na tym etapie zostaną zastosowane w całej witrynie. Jeśli chcesz zmienić czcionkę, możesz to zrobić w edytorze określonym dla każdego bloku.

Font-weight wyjaśnia grubość powiązaną z każdą czcionką. Czcionki mają dwa podstawowe style - zwykły lub pogrubiony z dodatkową grubością, która waha się od super lekkiej do super pogrubionej. Tilda obsługuje pięć podstawowych grubości, takich jak light, regular, medium, semibold i bold. Chociaż te grubości są ograniczone i niektóre czcionki mają tylko dwie grubości: Regular i Bold.

Rozmiar czcionki, której zamierzasz użyć, zależy od ilości treści używanych na stronie internetowej. Jeśli witryna, nad którą pracujesz, zawiera treści takie jak podpisy i komentarze, możesz zwiększyć rozmiar czcionki do 22 pikseli (domyślny rozmiar czcionki to 20 pikseli). Z drugiej strony, jeśli witryna wymaga dużej ilości tekstu, możesz zmniejszyć rozmiar czcionki (18px), aby poprawić czytelność.

Kolejnym etapem jest przyjrzenie się czterem różnym grubościom czcionek zalecanym dla tytułu i tekstu. Ta funkcja pomaga zachować równowagę w tonie głosu.

Jest to podstawowa mieszanka, która jest kompatybilna z większością stron internetowych. Zalecamy ją, jeśli chcesz zachować jednolity styl witryny i nie zwracać uwagi na żaden konkretny element.

Użyj następujących parametrów w ustawieniach witryny:
Waga czcionki tekstu podstawowego - Normal
Waga czcionki nagłówka - Semi-Bold

Zalecamy tę kombinację, jeśli pracujesz nad projektem napędu i energii.

Jest zalecany na stronach internetowych przeznaczonych na koncerty, promocje tras koncertowych, bary, przestrzenie coworkingowe, zawody sportowe itp.

Użyj następujących parametrów w ustawieniach witryny:
Waga czcionki tekstu podstawowego - Normalna
Waga czcionki nagłówka - Pogrubiona

Ta kombinacja jest dość rzadka; wydaje się dramatyczna ze względu na kontrast zastosowany w czcionkach. Jest to jednak idealne połączenie stylu i stylu. Na przykład, wyróżniające się i łatwe do odczytania tytuły i teksty odzwierciedlają estetyczny wygląd tej strony kursu landing page.

Użyj następujących parametrów w ustawieniach strony:
Waga czcionki tekstu głównego - Light
Waga czcionki nagłówka - Bold

Jest to idealne połączenie dla projektów, które mają wyglądać atrakcyjnie i silnie przyciągać uwagę, takich jak najnowocześniejsza technologia, postęp lub zaawansowana technologia. Ta mieszanka czcionek wygląda idealnie, gdy jest używana na stronie z dużą ilością białej przestrzeni podkreślonej jasnymi plamami i pięknymi obrazami.

Nadaje się do stron internetowych z gadżetami, biżuterią, ekskluzywnymi kawiarniami lub restauracjami oraz salonami kosmetycznymi.

Użyj następujących parametrów w ustawieniach strony:
Waga czcionki tekstu podstawowego - Light
Waga czcionki nagłówka - Light

Czcionka szeryfowa ma linię pomocniczą, która pozwala oku przesuwać się płynnie i szybko. Kiedy pojawiły się pierwsze komputery, czcionki bezszeryfowe stały się powszechne, ponieważ są one bardziej czytelne, gdy są używane na ekranie o niskiej rozdzielczości.

Większość nowoczesnych monitorów doskonale wyświetla obie czcionki. Dlatego wybór między czcionką szeryfową i bezszeryfową zależy wyłącznie od wiadomości, którą chcesz przekazać, a nie od wyniku czytelności. Chociaż czcionki szeryfowe są odpowiednie, gdy są używane na oficjalnym gruncie i są zalecane dla określonych marek.

Tilda oferuje pięć sposobów dodawania czcionek:

Co można zrobić? Po pierwsze, użyj odpowiedniego zdjęcia na tle z dużymi, jednorodnymi elementami. Po drugie, zastosuj filtr wygaszania, aby zmiękczyć obraz. Pomoże to zwiększyć czytelność. Po trzecie, możesz zwiększyć grubość czcionki dla określonego bloku za pomocą stylu wbudowanego. Oznacza to, że możesz przypisać ustawienia do określonej sekcji tekstu, a nie do całej witryny. Podświetl tekst za pomocą wbudowanego edytora stron internetowych.

Style zastosowane w ten sposób zawsze mają pierwszeństwo przed ustawieniami domyślnymi. Dlatego jeśli zmodyfikujesz czcionki w Ustawieniach witryny, a modyfikacje nie będą widoczne na stronie, oznacza to, że wcześniej ustawiłeś styl inline. Aby usunąć styl inline, zaznacz tekst i kliknij "Wyczyść całe formatowanie".

Jeśli chcesz dowiedzieć się więcej o typografii, odwiedź stronę internetową podobną do projektu, nad którym pracujesz i sprawdź, jakie czcionki są używane. Rozszerzenie przeglądarki What Font pomoże ci szybko zidentyfikować czcionki na stronach internetowych.

Przejrzyj także to niezależne archiwum typograficzne. Zawiera ono kolekcję stron internetowych i drukowanych próbek posortowanych zgodnie z rodzajem użytej czcionki.