Opis

@font-face pozwala zdefiniować nazwę czcionki (np. myFirstFont), a następnie wskazać plik czcionki w adresie URL. Dzięki temu projektanci stron internetowych nie muszą już używać jednej z „bezpiecznych dla sieci” czcionek.

Aby użyć czcionki dla elementu HTML, odwołaj się do nazwy czcionki (np. myFirstFont) poprzez właściwość font-family:

Fonty do formatu .woff można przekonwertować np. tu.

Przykład

To jest przykładowy tekst...
a to pogrubiony tekst...

To jest przykładowy tekst...
a to pogrubiony tekst...

Kod:
Wartości

@font-face { font-properties }

Deskryptor czcionkiWartośćOpis
font-family name Wymagany. Definiuje nazwę czcionki.
src URL Wymagany. Określa adresy URL, z których należy pobrać czcionkę
font-stretch normal
condensed
ultra-condensed
extra-condensed
semi-condensed
expanded
semi-expanded
extra-expanded
ultra-expanded 		Opcjonalny. Określa sposób rozciągnięcia czcionki. Domyślnie: normal.
font-style normal
italic
oblique		 Opcjonalny. Określa styl czcionki. Domyślnie: normal.
font-weight normal
bold
100 200 300
400 500 600
700 800 900		 Opcjonalny. Definiuje wyrazistość (wagę, grubość) czcionki. Domyślnie: normal.
unicode-range unicode-range Opcjonalny. Określa zakres znaków Unicode obsługiwanych przez czcionkę. Wartość domyślna to „U + 0-10FFFF”
Przykłady:   |     |     |     |  
Info: Domyślna wartość: ?
Dziedziczenie:
Animowalność:
JavaScript: ??