Najlepszy samouczek CSS3 czcionki W 2024 r. W tym samouczku możesz dowiedzieć się Zasady CSS3 @ font-face,Pomoc Browser,Trzeba użyć czcionkę,Przykłady,Użyj pogrubiony tekst,Przykłady,Opis CSS3 czcionki,
Poprzednie wersje CSS3, projektanci stron internetowych musieli używać na komputerze użytkownika jest już zainstalowane czcionki.
Za pomocą CSS3, projektanci stron internetowych mogą korzystać niezależnie od czcionki on / ona lubi.
Po znalezieniu pliku, którego chcesz użyć czcionkę, plik czcionki po prostu być zawarte na stronie internetowej, to zostanie on automatycznie pobrany do potrzeb użytkowników.
Czcionki do wyboru w nowej wersji na CSS3 @ opisem reguły font-face.
Twoje "własne" fonty są zdefiniowane w CSS3 @ font-face reguły.
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
属性 | |||||
---|---|---|---|---|---|
@font-face | 4.0 | 9.0 | 3.5 | 3.2 | 10.0 |
Internet Explorer 9+, Firefox, Chrome, Safari i Opera WOFF wsparcia (Web Open Font Format) czcionki.
Firefox, Chrome, Safari i Opera .ttf wsparcia (czcionki True Type) oraz .OTF (OpenType) czcionka typ czcionki).
Chrome, Safari i Opera również wspierać czcionek SVG / zawalił.
Internet Explorer obsługuje również EOT (wbudowany OpenType) czcionek.
Uwaga: Internet Explorer 8 i wcześniejsze wersje nie obsługują nowej reguły @ font-face.
W nowej reguły @ font-face, należy najpierw określić nazwę czcionki (takich jak myFirstFont), a następnie wskazać plik czcionki.
Wskazówka: URL wykorzystywać małą czcionką, liter w IE będzie powodować nieoczekiwane rezultaty |
Aby użyć czcionki dla elementu HTML, odnoszący się do nazwy czcionki (myFirstFont) przez właściwości font-family:
Należy dodać kolejne reguły @ font-face zawierającą pogrubiony tekst:
Plik "Sansation_Bold.ttf" to kolejny plik czcionki, który zawiera czcionkę Sansation pogrubioną.
Korzystanie z tego tekstu przeglądarka czas rodziny czcionek "myFirstFont" powinien być wyświetlany jako pogrubiony.
Więc można mieć wiele z tej samej czcionki reguły @ font-face.
Poniższa tabela zawiera opis wszystkich czcionek i wnętrze definicji reguły @ font-face:
deskryptory | wartość | opis |
---|---|---|
font-family | nazwa | Wymagany. Przepisy Nazwa czcionki. |
src | URL | Wymagany. Zdefiniowane URL pliku czcionki. |
font-odcinek |
| Opcjonalne. Określ, jak narysować czcionkę. Domyślnie jest to "normalne". |
font-style |
| Opcjonalne. Określa styl czcionki. Domyślnie jest to "normalne". |
font-weight |
| Opcjonalne. Ciężar niestandardowych czcionek. Domyślnie jest to "normalne". |
Zakres Unicode | Zakres Unicode | Opcjonalne. Niestandardowe czcionki wsparcie dla Unicode Zakres znaków. Domyślną wartością jest "U + 0-10FFFF". |