Musisz osadzić czcionkę na stronie. Wady: trzeba konwertować czcionkę na kilka formatów (różne przeglądarki różne obsługują); czcionka wyświetla się po załadowaniu ze strony, tzn. zanim przeglądarka pobierze pliki czcionek, wyświetla się zwykła.
Przykład kodu (osadzenie czcionki – CSS)
@font-face {
font-family: 'CASTANTNIE';
src: url('fonts/CASTANTN.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CASTANTN';
src: url('fonts/CASTANTN.woff') format('woff'), url('fonts/CASTANTN.ttf') format('truetype'), url('fonts/CASTANTN.svg') format('svg');
font-weight: normal;
font-style: normal;
Pierwsze dla IE drugie dla reszty przeglądarek.
Dla powyższego przykładu czcionki są w katalogu fonts umieszczonym w głównym katalogu motywu.
Przykład użycia (odpowiedni dla kodu umieszczonego powyżej):
div.menu {
font-size: 16px;
font-family:'CASTANTNIE','CASTANTN',Sans-Serif;
text-shadow: 1px 1px 1px white;
font-weight: normal;
}
Działa we wszystkich przeglądarkach.
Listing katalogu fonts:
2011-12-22 22:48 <DIR> .
2011-12-22 22:48 <DIR> ..
2011-12-22 15:59 83˙988 CASTANTN.eot
2011-12-22 15:59 84˙640 CASTANTN.otf
2011-12-22 15:59 274˙497 CASTANTN.svg
2011-12-22 15:59 83˙888 CASTANTN.ttf
2011-12-22 15:59 40˙300 CASTANTN.woff
