Nieczęsto używa się CSS i typografii w tym samym zdaniu i pod wieloma względami to też jest słuszne. Typografia to forma projektowania z odmianami i wyborami, podczas gdy CSS nie jest tak bardzo. Jednak wielu nie zdaje sobie sprawy, jak wiele CSS może faktycznie zdziałać. CSS może więcej niż myślisz.

Typografia internetowa

Typografia internetowa, podobnie jak każda inna forma lub aspekt projektowania stron internetowych, wymaga praktyki i odpowiednich interfejsów, aby wykonać zadanie, a także umiejętności dostosowania w razie potrzeby, aby uzyskać odpowiednią równowagę projektową. Istnieje jednak wiele opcji dostępnych za pośrednictwem CSS. Zarówno typografia, jak i CSS mają swoje własne ograniczenia, ale posiadanie odpowiednich informacji może okazać się cenne podczas projektowania strony internetowej.

Przypadek typografii z CSS

Wielu może się zastanawiać, po co używać CSS do typografii, gdy dostępne są inne opcje. Głównym powodem jest to, że CSS jest najbardziej niezawodnym, dostępnym i najlepszym sposobem na poprawę czytelności i wizualnego projektowania stron internetowych. Jest to również najłatwiejszy sposób na wprowadzanie zmian i ulepszeń w typografii witryny, jeśli i kiedy zajdzie taka potrzeba. Świadomość procesu i techniki jest główną rzeczą, która spowalnia projektanta stron internetowych — niewiedza, kiedy zastosować techniki i które techniki zastosować, jest największym ograniczeniem w projektowaniu wysokiej jakości stron internetowych. Wielu nie zdaje sobie sprawy, że podczas obsługi typografii za pomocą CSS istnieje większa kontrola niż im się wydaje — od krojów pisma po wysokość linii i odstępy między literami.

Dlaczego typografia internetowa jest ważna?

Oto dlaczego powinieneś się przejmować. Typografia to wielowiekowa sztuka, która ma swoje korzenie zarówno w projektowaniu, jak i czytelności, ale ma również tysiące czcionek, które można zastosować. Upadek typografii internetowej w przeciwieństwie do medium drukowanego polega na tym, że nie masz precyzyjnej kontroli ani tego samego wyboru. Masz jednak odpowiednią kontrolę, aby poprawić wyświetlanie znaków i akapitów. Samo to powinno być warte zachodu i faktycznie może być korzystne, gdy używasz CSS do obsługi typografii.
Kiedy słowa są istotną częścią Twojej witryny, zasługują na znaczną część Twojej uwagi i mają znaczący wpływ na projekt Twojej witryny.

Domyślne czcionki na różnych platformach

Podczas korzystania z typografii online dostępnych jest wiele czcionek. Każda platforma ma zestaw domyślnych czcionek. Niektórzy mogą uważać, że to zawęża ich możliwości. Większość najbardziej znanych czcionek domyślnych to Arial, Helvetica, Times, Georgia, Trebuchet, Verdana i Courier. Istnieje jednak wiele niestandardowych czcionek internetowych, których można używać, gdy zarządzasz typografią za pomocą CSS, a korzystając z opcji, uzyskasz dobre wyniki.

Pomiary, zmiana rozmiaru i zmiana rozmiaru czcionek

Wybór jednostek, które określają rozmiary czcionek, ma duży wpływ na sposób wyświetlania tekstu na różnych platformach i w różnych przeglądarkach. Najważniejszą rzeczą, o której należy pamiętać, jest to, że dzięki typografii online nie będziesz wiedział na pewno, w jaki sposób Twoi goście będą wyświetlać zamierzony rozmiar czcionki. Mogą łatwo zwiększyć lub zmniejszyć żądany rozmiar czcionki za pomocą ustawień przeglądarki, aby radykalnie zmienić kompozycję projektu. To może być dobre i złe. Jednak elastyczność jest najlepsza z obu światów.

Opcje typografii internetowej z CSS

Bez korzystania z zaawansowanych technik innych niż CSS Twoje wybory dotyczące typografii online są ograniczone. Jednak nadal masz pewne niezawodne opcje poprawy czytelności i estetyki swoich krojów pisma.

Wysokość linii jest najważniejsza dla poprawy typografii za pomocą CSS. Przeglądarki starają się dostosować wysokość linii wraz ze zmianami rozmiaru czcionki, ale nie zawsze jest to w najlepszym interesie projektowania stron internetowych i często nie jest to wykonywane poprawnie. W zależności od rozmiaru tekstu dodanie lub usunięcie odstępu między wierszami może znacznie poprawić czytelność i estetykę sieci. Podobnie, gdy są używane z ostrożnością, odstępy między wyrazami i między literami mogą być używane do poprawy czytelności lub zwiększenia zainteresowania nagłówkiem lub krótką częścią tekstu.

Przekształcenie tekstu jest właściwością często używaną, gdy projekt musi zawierać wszystkie wielkie i małe litery lub gdy pierwsze litery muszą być pisane wielkimi literami. Wariant czcionki może być używany do nanoszenia wszystkich kapitalików.

Wcięcie jest najbardziej popularne w branży poligraficznej; jednak w CSS właściwość text indent pozwala na wcięcie.

W przypadku używania wąskich kolumn przypominających gazety przydatne jest wyrównanie tekstu i wyjustowanie wartości. Pozwala to na poprawę przepływu tekstu przy jednoczesnym definiowaniu układu i ogólnego projektu stron.

Wiele osób osiągnęło świetne wyniki z pierwszą literą i pierwszym wierszem, aby nieco bardziej upiększyć akapity, używając właściwości float do pierwszej litery po lewej stronie, a tekst będzie płynął wokół niej. Dodatkową zaletą właściwości pierwszego wiersza jest to, że użytkownik może określić, jakie słowo znajdzie się w pierwszym wierszu podczas renderowania strony.

Tworzenie skanowalnego tekstu z typografią CSS

Ludzie raczej skanują niż czytają każde słowo na stronach internetowych. Oznacza to, że rozsądne użycie nagłówków, pogrubienia, kursywy, list punktowanych i wyróżniania może znacznie poprawić czytelność treści, a także ułatwić użytkownikom szybkie skanowanie. Kluczem tutaj jest jednak uświadomienie sobie, że pogrubienie, kursywa lub podkreślenie prawie każdego słowa, tak naprawdę utrudnia czytanie i ryzykuje, że czytelnik faktycznie zignoruje ważne obszary. Musisz sprytnie wybrać słowa, które chcesz podkreślić w swoim tekście.

Pamiętaj, że nagłówki i podtytuły są ważne i mogą być Twoim przyjacielem. Nie tylko pomagają rozbić treść, ale także grupować ją w sposób przyjazny dla skanowania. Ale zapewniają one również możliwość uatrakcyjnienia treści w razie potrzeby, dostosowując niektóre z wcześniej wspomnianych właściwości. Spróbuj poeksperymentować z nagłówkami pisanymi wielkimi literami, żywymi, bogatymi kolorami i dostosuj odstępy między wyrazami lub literami, aby poprawić wygląd i zobaczyć wyniki.

Typografia CSS upraszcza projektowanie stron internetowych

Inteligentne wykorzystanie typografii CSS może znacznie ułatwić pracę projektanta stron internetowych. Może to wiązać się z nauką nowych technik projektowania stron internetowych i może początkowo wymagać dodatkowego wysiłku. Wraz ze zmieniającymi się standardami internetowymi, które sprawiają, że CSS jest domyślnym środkiem obsługi typografii podczas projektowania stron internetowych.

Profesjonalni projektanci stron internetowych używają CSS do typografii

Profesjonalne firmy zajmujące się projektowaniem stron internetowych, takie jak Twórcy Stron, odkryły finezję, jaką można osiągnąć w typografii internetowej za pomocą CSS. Jeśli potrzebujesz witryny, która wykorzystuje najlepsze i najnowsze technologie — nie dlatego, że jest fajna, ale dlatego, że dzięki nim Twoja witryna jest lepsza i bardziej efektywna, napisz do nas już dziś!