Podczas projektowania strony internetowej jednym z kluczowych elementów strony, z którą będziesz pracować, jest treść tekstowa. W związku z tym, podczas tworzenia strony internetowej i stylizowania jej za pomocą CSS, duża część tego wysiłku będzie skupiona wokół typografii witryny.
Projekt typograficzny odgrywa ważną rolę w projektowaniu strony internetowej. Dobrze rozplanowane i sformatowane treści tekstowe pomagają witrynie odnieść większy sukces, tworząc przyjemność czytania, która jest jednocześnie przyjemna i łatwa w użyciu. Częścią twoich wysiłków w pracy z typem będzie wybór odpowiednich czcionek do projektu, a następnie użycie CSS do dodania tych czcionek i stylów czcionek do ekranu strony. Odbywa się to za pomocą tak zwanego "stosu czcionek"
Stosy czcionek
Po określeniu czcionki, która ma być używana na stronie internetowej, najlepszą praktyką jest również włączenie opcji zastępczych w przypadku, gdy nie można znaleźć czcionki. Te opcje zastępcze są przedstawione w "stosie czcionek". Jeśli przeglądarka nie znajdzie pierwszej czcionki wymienionej na stosie, przejdzie do następnej. Kontynuuje ten proces, dopóki nie znajdzie czcionki, której może użyć, lub jej zabraknie (w takim przypadku po prostu wybiera dowolną żądaną czcionkę systemową). Oto przykład tego, jak wyglądałby stos czcionek w CSS po zastosowaniu do elementu "body":
body { rodzina czcionek: Georgia, "Times New Roman", serif;}
Zauważ, że najpierw określamy czcionkę Georgia. Domyślnie jest to strona, której będzie używać, ale jeśli z jakiegoś powodu ta czcionka nie będzie dostępna, strona zostanie zastąpiona czcionką Times New Roman. Załączamy tę nazwę czcionki w podwójnych cudzysłowach, ponieważ jest to nazwa składająca się z wielu wyrazów. Jednotorowe nazwy czcionek, takie jak Georgia czy Arial, nie wymagają cytatów, ale nazwa wielu słów jest im potrzebna, aby przeglądarka wiedziała, że wszystkie te słowa składają się na nazwę czcionki. Jeśli spojrzysz na koniec stosu czcionek, powinieneś zauważyć, że kończymy słowem "serif". Jest to ogólna nazwa rodziny czcionek. W mało prawdopodobnym przypadku, gdy dana osoba nie ma na swoim komputerze Gruzji lub Times New Roman, strona użyłaby dowolnej czcionki szeryfowej, jaką mogłaby znaleźć. Jest to lepsze rozwiązanie niż pozwolenie stronie na przywrócenie dowolnych czcionek, ponieważ możesz przynajmniej powiedzieć, jakiego rodzaju czcionek użyć, aby ogólny wygląd i brzmienie projektu witryny były jak najbardziej nienaruszone. Tak, przeglądarka wybierze dla Ciebie czcionkę, ale przynajmniej podajesz wskazówki, dzięki którym wie, jaki rodzaj czcionki najlepiej sprawdzi się w projekcie. Ogólna nazwa czcionki dostępna w CSS to: Chociaż istnieje wiele innych klas czcionek dostępnych w projektowaniu stron internetowych i typografii, takich jak tabliczkowanie, blackletter, display, grunge i więcej, te 5 wyżej wymienionych ogólnych nazw czcionek to te, których można użyć w stosie czcionek w CSS. Jakie są różnice w klasyfikacji czcionek? Spójrzmy! Kursywny często mają cienkie, ozdobne litery, które mają na celu odtworzenie fantazyjnego, ręcznie pisanego tekstu. Czcionki te, ze względu na cienkie, kwieciste litery, nie są odpowiednie dla dużego bloku treści, na przykład kopii ciała. Czcionki kursywą są zazwyczaj używane do nagłówków i krótszych potrzeb tekstowych, które mogą być wyświetlane w większych rozmiarach czcionek. Fantazja czcionki są nieco zwariowanymi czcionkami, które nie należą do żadnej innej kategorii. Czcionki, które replikują dobrze znane logo, takie jak kształty liter z filmów o Harrym Potterze lub Powrót do przyszłości, należą do tej kategorii. Ponownie te czcionki nie są odpowiednie dla treści ciała, ponieważ często są tak stylizowane, że czytanie dłuższych fragmentów tekstu napisanego w tych czcionkach jest o wiele trudniejsze. Monospace Czcionki to takie, w których wszystkie kształty liter są jednakowej wielkości i oddalone od siebie, jak na starej maszynie do pisania. W przeciwieństwie do innych czcionek, które mają zmienną szerokość liter w zależności od ich wielkości (na przykład duże "W" zajęłoby znacznie więcej miejsca niż małe litery "i"), czcionki o stałej szerokości są stałą szerokością dla wszystkich znaków. Czcionki te są często używane, gdy kod jest wyświetlany na stronie, ponieważ wyglądają one wyraźnie inaczej niż inne teksty na tej stronie. Serif czcionki są jedną z bardziej popularnych klasyfikacji. Są to czcionki, które mają trochę dodatkowych ligatur na literach. Te dodatkowe elementy są nazywane "serifami". Wspólnymi czcionkami serif są Georgia i Times New Roman. Czcionki szeryfowe mogą być używane do dużych nagłówków tekstu, jak również długich fragmentów tekstu i treści. Sans-serif to ostateczna klasyfikacja, którą przyjrzymy. Są to czcionki, które nie mają wyżej wymienionych ligatur. Nazwa oznacza "bez szeryfów". Popularne czcionki w tej kategorii to Arial lub Helvetica. Podobnie jak w serifach, czcionki sans-serif mogą być używane równie dobrze w nagłówkach, jak i treściach. Ogólne rodziny czcionek
