Czcionka jest integralną częścią projektowania stron internetowych, nadając witrynie charakterystyczny styl. Wysokiej jakości tekst na stronie powinien wyglądać harmonijnie, łączyć się z pozostałymi elementami serwisu i jednocześnie przyczyniać się do lepszego postrzegania informacji. Używając znaczników HTML i tabel kaskadowych CSS, możesz dostosować prawie każde ustawienie, aby zmaksymalizować wydajność strony.
Niezbędny
plik czcionki w formacie TTF
Instrukcje
Krok 1
Aby użyć zestawu czcionek zainstalowanych na komputerze, możesz użyć parametru font-family z kaskadowych arkuszy stylów. Aby to zrobić, wprowadź następujący kod dla żądanego przedmiotu:
Tekst
To polecenie wyświetli nagłówek h2 drugiego poziomu czcionką Arial.
Krok 2
Jeśli chcesz użyć własnej czcionki, musisz najpierw wgrać ją na hosting i włączyć za pomocą odpowiedniego polecenia. Pliki TTF są dołączone do następującego polecenia:
Atrybut font-family w tym przypadku określa nazwę kroju pisma, a src: url (font.ttf) określa ścieżkę do pliku TTF.
Krok 3
Po włączeniu elementu możesz go używać do wyświetlania tekstu:
Tekst
To polecenie odpowiada za wyświetlanie wymaganej czcionki pisanej kursywą w nagłówku drugiego poziomu. Jeśli przeglądarka użytkownika nie obsługuje obsługi plików TTF, zostanie użyta czcionka systemowa określona po pierwszym przecinku (w tym przypadku Verdana).
Krok 4
Niektóre przeglądarki nie obsługują TTF do pobrania. Na przykład Internet Explorer 8 używa formatu EOT do wyświetlania tekstu. W przypadku takich przeglądarek przekonwertuj oryginalny plik TTF za pomocą wielu usług i w ten sam sposób dołącz powstały krój pisma w parametrze @ font-face.
Krok 5
Jeśli chcesz zaimportować potrzebny plik z innego zasobu, użyj polecenia @import, które musi być napisane na górze dokumentu CSS:
@import URL (https:// adres_czcionki)
