HTML5 - Praca z czcionkami - część 1

Jeden z podstawowych aspektów pracy z tekstem w HTML są zmiany obrazu, które mogą wystąpić po prostu przez zmianę czcionki liter, jednak są dwa aspekty profesjonalistów, którzy pracują w związku z tym, projektanci, którzy chcą zmienić każdy aspekt typografii i programiści, którzy chociaż chcą pracując z nimi, nie chcą dokonywać w tym tak głębokich zmian.
Właściwości czcionki
Przed przystąpieniem do pracy ze źródłami dokonamy przeglądu ich właściwości, aby poznać tło tego:

• rodzina czcionek: Określa rodzinę czcionek dla bloku tekstu.
• rozmiar czcionki: Określa rozmiar czcionki bloku tekstu.
• styl czcionki: Określa styl czcionki, może być normalny, kursywa, ukośny.
• wariant czcionki: Określa, czy tekst bloku może być wyświetlany czcionką kapitalikową, jego możliwe wartości to kapitaliki i normalne.
• grubość czcionki: Określa wagę czcionki dla bloku tekstu, czyli jego grubość, jej wartości mogą być normalne, pogrubione, pogrubione, jaśniejsze.
• czcionka: Skrót pozwalający określić czcionkę w jednym wierszu.

Wybór źródła
Własność rodzina czcionek Określamy grupę czcionek, które będą używane, ustalając kolejność preferencji, tak aby jeśli jedna nie była dostępna, była przekazywana kolejnej w kolejności preferencji. Przeglądarka uruchamia się z pierwszą czcionką na liście i próbuje dla każdej z czcionek w ustalonej kolejności, aż znajdzie się taka, której może użyć.
Dzieje się tak, ponieważ możemy wymagać użycia czcionek zainstalowanych na komputerze użytkownika lub należących do określonego systemu operacyjnego, więc jeśli inny użytkownik nie spełnia wymagań, możemy kontrolować, jak wpłynie to na nasz dokument.
Na koniec zobaczmy listę czcionek generycznych, które powinny być dostępne w standardowy sposób dla wszystkich systemów i z którymi nie powinniśmy mieć problemów.

• szeryfowy
• bezszeryfowy
• kursywny
• Fantazja
• monoprzestrzeń

Bardzo dobrze, ponieważ omówiliśmy teoretyczny aspekt, czym jest obsługa źródeł, zobaczmy przykłady z kodem, w którym zdobędziemy naszą wiedzę o tym, jak zastosować w praktyce wszystko, co przestudiowaliśmy:

 Przykład
Istnieje wiele różnych rodzajów owoców - tylko ponad 500 odmian bananów. Zanim dodamy niezliczone rodzaje jabłek, pomarańczy i innych dobrze znanych owoców, stajemy przed tysiącami wyborów.

W tym kodzie widzimy, że niekonwencjonalna czcionka została zdefiniowana w rodzinie czcionek, ponieważ jest czcionką zastrzeżoną HelveticaNeue Condensed a następnie jako drugą preferencję stawiamy monoprzestrzeń Zobaczmy, jak możemy to zobaczyć w przeglądarce, dla każdego ze zdefiniowanych przypadków.
[załącznik = 861: html5fuentes.jpg.webp]
Po lewej stronie obrazu mamy przypadek, w którym nie istnieje czcionka, która została umieszczona jako pierwszy wybór, czyli czcionka monoprzestrzeń, po prawej stronie widzimy zastrzeżoną czcionkę.
Na tym kończymy samouczek, znając podstawy teoretyczne i wcielając je w życie, możemy teraz trochę pobawić się źródłami naszej aplikacji i osiągnąć bardziej atrakcyjne wizualnie rezultaty i zgodne z tym, czego chcemy.
Możesz kontynuować czytanie części 2 tego samouczka.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt