Dodanie tego do style.css działa:
* { font-family: "Courier New", Courier, monospace; } Prawdopodobnie dlatego, że Courier New jest bardzo popularny i obsługiwany. Jednak użycie tego z moją niestandardową czcionką nie działa:
@font-face { font-family: "new-baskerville"; font-style: normal; src: url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot"); src: local("new-baskerville"), url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot") format("embedded-opentype"), url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.woff") format("woff"); } Lub zmiana @font-face na * też nie działa. Pliki istnieją w ścieżce. Czy wiesz, dlaczego tak jest?
Komentarze
- Musisz albo pracować z bezwzględnym adresem URL, albo uzyskać właściwy adres URL, ponieważ arkusz stylów prawdopodobnie nie ma ' t w katalogu głównym dokumentu instalacji WP. Pytania dotyczące CSS są generalnie niezwiązane z tematem w WordPress Development . Zajrzyj do centrum pomocy aby zapoznać się z wytycznymi dotyczącymi witryny.
Odpowiedź
Ten artykuł zawiera bardzo przydatne informacje dotyczące @font-face i problemów ze zgodnością … na wszelki wypadek.
Oto kilka potencjalnych ulepszeń w twoja sekcja @ font-face:
- Jeden z twoich wpisów src zawiera „local”. Spróbuj to usunąć.
- Spróbuj użyć jawnego adresowania swoich plików.
- Upewnij się, że możesz faktycznie otworzyć pliki czcionek lub przynajmniej nie otrzymuj błędu 404.
- Spróbuj wymienić swoje pliki tak, jak mam, z dwoma wpisami src: jednym dla IE i jednym dla nowoczesnych przeglądarek.
- Sprawdź, czy Twoje pliki czcionek zawierają plik TTF dla Safari i przeglądarek mobilnych.
`
@font-face { font-family: "newBaskerville"; src: url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot"); src: url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot?#iefix") format("embedded-opentype"), url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.woff") format("woff"); } Na koniec zastosuj czcionkę do treści za pomocą stylów zastępczych, tak jak w powyższym przykładzie Courier:
body{ font-family: "newBaskerville", Courier, monospace; } uwaga: Pamiętaj, aby użyć tego samego name podczas stosowania nazwy, tak jak podczas jej definiowania. W moim przypadku „newBaskerville”, aby uniknąć problemów ze spacjami i / lub interpunkcją.
Komentarze
- Jeśli nie możesz otworzyć lub pobrać plików czcionek poprzez pasek adresu przeglądarki ', upewnij się, że serwer jest skonfigurowany z odpowiednimi typami MIME, jak zasugerowałem w innym wątku z pytaniami, dla tego samego problemu.
- bardzo dziękuję. Czy wiesz, dlaczego
@font-facesam nie może zmienić czcionki, abodytrzeba określić? A co z innymi plikami z odmianami czcionek, takimi jak pogrubienie lub kursywa? Czy istnieje również sposób, aby powiedzieć tekstowi wstawionemu bezpośrednio do pliku header.php, aby używał tego ustawienia? Czy wiesz, jak używać czcionki podczas edytowania postów?