CSS oferuje różne nieruchomości Dostosuj czcionkę styl elementu tekstowego. Od zmiany rozmiaru i koloru czcionki po zestaw rodzina czcionek, Każda nieruchomość ma swoje znaczenie. Formaty tekstowe również wpływają również na czytelność witryny; Dlatego wybranie odpowiedniej czcionki ma kluczowe znaczenie dla udostępnienia Twojej witryny.

W tym spisie omówi Własność czcionki CSS za pomocą odpowiednich przykładów. A więc zacznijmy!

Własność czcionki CSS

„Własność czcionki” Wymienia pisma w priorytetowe zamówienie. Wybór czcionki nie kończy się pierwszą czcionką na liście czcionek systemu użytkownika. Zamiast tego czcionki są wybierane na jeden znak na raz, tak że jeśli dostępna czcionka brakuje glifu dla wymaganego litery, podjęto próbę kolejnych czcionek.

Na wybór rodziny czcionek wpływają cechy, takie jak dostępność kroju pisma w kilku stylach, wersjach lub rozmiarach.

Rodzaje nazw czcionek CSS

Nieruchomość czcionek zawiera listę rodzin czcionek oddzielonych przecinkami. Nazwy czcionki CSS są podzielone na dwa typy nazw:

• Czcionka rodzinna nazwa: Nazwa rodziny czcionki to nazwa kroju pisma. Rodziny czcionek zawierają nazwy, takie jak „Helvetica" I "Czasy". Nazwa rodziny czcionki może zawierać białe przestrzenie, więc należy ją podać w cytatach: „Komiks bez MS".
• ogólna nazwa rodzinna: Gdy żadna z określonych czcionek nie jest dostępna, ogólne rodziny czcionek służą jako Opcja awarii. Nie musisz określać ogólnego nazwiska w cytatach, ponieważ są słowa kluczowe, a ich lista nazw rodzin czcionek powinna zakończyć się ogólną rodziną czcionki.

Teraz sprawdźmy przykład wykorzystania zarówno rodzinnej nazwy, jak i ogólnej nazwy rodzinnej jako nazwisk czcionek.

Przykład: właściwość czcionki CSS

W poniższym przykładzie zdefiniujemy wartość pierwszej właściwości rodziny, określając „Czas nowy Roman”Jako rodzinna nazwa czcionki i„Czasy", I "Serif„Jako ogólna nazwa rodzinna. Podczas gdy w drugiej rodzinie czcionki, „Arial”, „Helvetica” i „Sans-Serif” są dodawane jako ogólne nazwy rodzinne:

Właściwość czcionki

To czcionka „Times New Roman”.

To czcionka „arial”.

Po zapisaniu dodanego kodu, kiedy otworzysz swój HTML w przeglądarce, pokaże styl czcionki elementów tekstowych zgodnie z określonymi wartościami nazwy rodzinnej czcionki i ogólnego nazwiska:

Teraz zademonstrujemy użycie różnych słów kluczowych związanych z ogólną kategorią rodziny.

CSS Serif Kategoria ogólna rodzina

Glify, które zakończyły uderzenia lub faktyczne wydawania się, są nazywane „Serif". Ta kategoria rodziny ogólnej obejmuje czasy New Roman, Georgia, Garamond i wiele innych rodzin czcionek.

Przykład: CSS Serif ogólna kategoria rodziny

Właściwość czcionki

Jest to czcionka „Times New Roman”, która należy do rodziny Serif Font.

Wyjście

CSS bez seryjnej kategorii rodzinnej rodziny

W przeciwieństwie do serifa, glify w sans-serif ma zwykłe zakończenia udaru. Na przykład Lucida Sans, Open Sans, Arial, Lucida Sans Unicode, Helvetica, Trebuchet MS, Fira Sans są zawarte w kategorii ogólnej rodziny SANS-SERIF.

Przykład: CSS Sans-Serif Generic-Family Cate to

Właściwość czcionki

Jest to czcionka „arial”, która należy do rodziny czcionek bez Sansa.

Wyjście

CSS Monospace Kategoria rodzinna

Wszystkie takie glify z Jednolity i stałą szerokość w całym są nazywane Monospace-Na przykład, „Lucida Console”, „Courier New”, „Mono”.

Przykład: CSS Monospace ogólna kategoria rodziny

Właściwość czcionki

Jest to czcionka „lucida”, która należy do rodziny czcionek Monospace

Wyjście

CSS Kursywna kategoria rodzinna

W przeciwieństwie do krojów motywacyjnych, kursywny Glify zwykle występują Łączenie pociągnięć lub inny Cechy kursywne. Krój pisma przypomina pisanie pędzla lub odręczne pióro, a nie wydrukowane litery. Glify są albo połączone częściowo, albo całkowicie małe nazwy czcionek, takie jak „Komiks bez MS", i wiele innych.

Przykład: CSS Kursywna kategoria rodzinna

Właściwość czcionki

To czcionka „komiksowa ms” należy do rodziny kursywnej czcionki

Wyjście

Opracowaliśmy podstawowe informacje związane z właściwością czcionki CSS. Możesz go dalej zbadać zgodnie z preferencjami.

Wniosek

Własność czcionki CSS służy do określenia nazwiska czcionki lub tekstu. CSS nazwy rodziny czcionki są podzielone na dwa typy: „Czcionka rodzinna nazwa" I "ogólna nazwa rodzinna”, Gdzie nazwa czcionki to nazwa kroju pisma, a ogólne rodziny czcionek służą jako opcja awarii. Własność czcionki CSS może wziąć listę rodzin czcionek oddzielonych przecinkami. Omówiono ten pismo Własność czcionki CSS za pomocą odpowiednich przykładów.