Web bezpieczne czcionki w CSS | Wyjaśnione

Czcionki działają jako znaki towarowe dowolnej strony internetowej, ponieważ te czcionki zapewniają wspaniały wygląd wizualny na dowolnej stronie internetowej. Zawsze istnieje perspektywa, że ​​czcionki, które wspaniale działają na jednej platformie/urządzeniu, mogą nie być skuteczne dla innych platform. Dlatego czcionki bezpieczne dla sieci są zawsze pierwszym wyborem programisty.

Czcionki, które są dostępne dla prawie wszystkich urządzeń i obsługiwane przez większość przeglądarek, są nazywane czcionkami bezpiecznymi. Te czcionki są instalowane na całym świecie we wszystkich przeglądarkach i urządzeniach. Ten zapis przedstawi kilka znaczących bezpiecznych czcionek wraz z ich ogólnymi rodzinami czcionek:

• Serif (Times New Roman, Georgia)
• Sans-Serif (Arial, Calibri, Helvetica)
• Kursywny (Skrypt MT)
• Monospace (Kurier)

A więc zacznijmy!

Serif

Czcionki należące do Serif Family mają małe dekoracyjne uderzenia na skraju listu.

Czcionka Times New Roman

Niezwykle popularna czcionka, która należy do rodziny Serif i jest używana jako główna czcionka dla aplikacji Windows. Najczęściej stosuje się go w tezie badawczej, artykułach i drukowanych mediach, takich jak gazety.

Przykład

Poniższy fragment, który pozwala zrozumieć, jak używać Times nowej rzymskiej czcionki w HTML/CSS

Html

Przykład czasów nowych rzymskich czcionek

CSS

P
Font Family: „Times New Roman”, Serif;

Poniżej pojawią się wynikowe wyjście dla powyższego fragmentu:

Gruzja

Jest to stylowa czcionka, która należy do rodziny Serif i jest bardzo czytelna przy różnych rozmiarach czcionek, więc uważana za idealną opcję responsywnych projektów mobilnych:

Html

Przykład czcionek Georgia

CSS

P
Rodzina czcionki: Georgia, Serif;

Powyższy fragment kodu pokazuje następujące dane wyjściowe:

Sans-Serif

W przeciwieństwie do czcionek serifowych, nie mają one żadnego uderzenia, te czcionki są zwykłymi literami. Czcionki San-Serif są uważane za łatwe czytelne czcionki w porównaniu z jakąkolwiek inną rodziną czcionek.

Arial

Czcionki Arial i członkowie ich rodziny są uważane za najbezpieczniejsze czcionki internetowe, a powód tego jest bardzo prosty.mi. Czcionki Arial są łatwo dostępne na wszystkich platformach/systemach operacyjnych.

Przykład

Rozważ poniższy kawałek kodu, który opisuje, jak wyglądają czcionki Arial:

Html

Przykład czcionek Arial

CSS

P
Font-Family: Arial, Sans-Serif;

W powyższym kodzie piszemy „San-Serif” jako awarie, ponieważ żadna czcion. Poniżej będzie wynik powyższego kodu:

Helvetica

Jest to jedna z najczęściej używanych czcionek należących do rodziny bez Sansa. Jest uważany za czcionkę komercyjną i jest bardzo popularna wśród projektantów:

Html

Przykład czcionek Helvetica

CSS

P
Font-Family: Helvetica, Sans-Serif;

Powyższy fragment fragmentu wyświetla następujący wynik:

Calibri

To standardowa czcionka Microsoft od czasu wydania MS Office 2007 i ma bardzo elegancki wygląd.

Html

lt; p> Przykład czcionek kalibru

CSS

P
Font-family: Calibri, Sans-Serif;

Powyższy fragment kodu daje następujący wynik:

Skrypt mt

Jest to jedna z najpopularniejszych czcionek rodziny kursywnej i jest bardzo podobna do ludzkiego pisma

Html

Przykład czcionek skryptu MT

CSS

P
FONT-FAMILY: „Script Mt”, Kursive;

Wyjście powyższego fragmentu kodu pojawi się w ten sposób:

Courier New

Jest to bardzo powszechnie używana czcionka rodziny Monospace, która jest najczęściej używana do pokazania kodów programowania, a oprócz tej większości e -maili używanych kurierów nowej jako domyślnej czcionki.

Html

Przykład czcionek skryptu MT

CSS

P
Font-Family: „Courier New”, Monospace;

Powyższy fragment generuje następujące dane wyjściowe:

Wniosek

Czcionki bezpieczne dla sieci są uniwersalnie zainstalowane czcionki i mogą być bezpiecznie wyświetlane na dowolnym urządzeniu. Istnieje wiele rodzin bezpiecznych w Internecie z rodzin Sans-Serif, Serif, Monospace i Kursywne dostępne na prawie każdym urządzeniu. W tym artykule dowiedzieliśmy się o szeroko stosowanych czcionkach bezpiecznych w sieci i przeprowadziliśmy praktyczną implementację tych czcionek w różnych dziedzinach.