Co to są Font Font Fontback

CSS zapewnia dwa rodzaje rodzin czcionek i.mi. ogólna rodzina czcionek i indywidualne czcionki. Rodziny ogólne mają podobne rodziny czcionek, takie jak Serif (Times New Roman, Georgia i Garamond), Monospace (Courier New, Console Lucida, Monaco) itp. podczas gdy indywidualna czcionka określa tylko jedną konkretną rodzinę czcionki, taką jak Arial, Calibri itp.

Rodziny czcionek ogólnych zapewniają mechanizm awarii, który pozwala nam określić listę czcionek podobnie.

W tym artykule przedstawiono szczegółowe zrozumienie następujących terminologii związanych z Font Fontback:

• Co to są odwagi czcionek w CSS
• Podstawowa składnia Font Fontback
• Jak używać Font Fontback w CSS

Więc bez żadnych opóźnień, kontynuujmy!

Font Fontback

Zawsze istnieje szansa, że ​​czcionka nie znaleziono na określonej platformie lub nie jest odpowiednio zainstalowana na urządzeniu. Dlatego awarie czcionek są używane jako czcionki zapasowe I.mi. Musimy określić listę czcionek zapasowych, aby jeśli pierwsza czcionka nie była dostępna, przeglądarka powinna wypróbować następną i tak dalej. Wpady czcionki są ustrukturyzowane z pięcioma ogólnymi rodzinami czcionek, jak wspomniano poniżej:

• Seryf czcionki w CSS: Określ kilka małych uderzeń
• Sans-Serif Fonts w CSS: Określ czyste linie, bez krawędzi
• Czcionki kursywne w CSS: Określ styl bliski pisania ludzi
• Czcionki fantasy w CSS: Określ kilka fantazyjnych stylów czcionek

To dobra praktyka, aby dodać ogólną rodzinę czcionek na końcu listy.

Składnia

Podstawowa składnia odwagi czcionek opisano w następującym fragmencie:

Tutaj, w rodzinie czcionek, określamy dwie czcionki, pierwsza będzie pierwsza czcionka przeglądarki/bezpieczna dla sieci.

Jak używać Font Fontback w CSS

Czcionki mają doskonały wpływ na interfejs użytkownika każdej strony, więc wybór najdoskonalszej czcionki Fallback jest bardzo ważny.mi. Wybór „Konsole Lucida” Jako kopia zapasowa "Czcionka Times New Roman" Czcionka nie byłaby dobrym wyborem. Wybór stylu tworzenia kopii zapasowych w tej samej rodzinie czcionki byłoby uważane za dobrą praktykę.mi. "Czasy" będzie lepszym awarią dla "Czcionka Times New Roman".

Przykład

Rozważmy poniżej przekazany kod, aby zrozumieć koncepcję awarii czcionki w CSS:

Html

Czcionki w CSS

Pierwszy paragraf

Akapit drugi

CSS

ciało
Font-Family: Cambria, Cochin, Georgia, Times, „Times New Roman”, Serif;

Tutaj, w powyższym kodzie, przeglądarka najpierw spróbuje określić styl czcionki „Cambria”

• Jeśli jest dostępny, całe ciało zostanie stylizowane zgodnie z „Cambria”.
• Jeśli z jakiegoś powodu „Cambria” nie jest dostępna, przeglądarka wykorzysta drugą opcję i.mi. „Cochin”
• Podobnie przeglądarka użyje innej opcji, jeśli wcześniejsze opcje nie działają poprawnie:

Powyższe wyjście weryfikuje, że przeglądarka wykorzystuje styl „Cambria”.

Załóżmy, że pierwsza czcionka nie działa z jakiegoś powodu, a przeglądarka wykorzysta opcję Fallback, jak pokazano na poniższym ekranie:

Wykonany ten sam kod, ale tym razem z niektórych powodów styl czcionki „Cambria” nie jest dostępny, więc przeglądarka używa opcji Fallback I.mi. „Cochin”.

Wniosek

Font Font Font Fontback zapewniają kopię zapasową dla czcionek i.mi. Jeśli jedna czcionka nie działa poprawnie, przeglądarka spróbuje drugiej. Dla dobrej praktyki kodowania napisz ogólną rodzinę czcionek na końcu listy i wybierz font fontback w tej samej rodzinie czcionki. Ten zapis pokazał, co to jest oddech, jak jest ustrukturyzowany i jak go używać.