Das Hinzufügen zu style.css funktioniert:
* { font-family: "Courier New", Courier, monospace; } Wahrscheinlich, weil Courier New weit verbreitet ist und unterstützt wird. Die Verwendung dieser Option für meine benutzerdefinierte Schriftart funktioniert jedoch nicht:
@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"); } Oder Ändern von @font-face zu * funktioniert auch nicht. Die Dateien sind im Pfad vorhanden. Wissen Sie, warum das so ist?
Kommentare
- Sie müssen entweder mit einer absoluten URL arbeiten oder die relative URL als Stylesheet richtig einstellen Wahrscheinlich befindet sich ' nicht im Dokumentstamm Ihrer WP-Installation. CSS-Fragen sind in der WordPress-Entwicklung im Allgemeinen nicht zum Thema. Schauen Sie sich bitte die -Hilfecenter um sich mit den Site-Richtlinien vertraut zu machen.
Antwort
Dieser Artikel enthält einige sehr hilfreiche Informationen zu @font-face und Kompatibilitätsproblemen … nur für den Fall.
Hier sind einige mögliche Verbesserungen in Ihr @ font-face-Bereich:
- Einer Ihrer src-Einträge listet „local“ auf. Versuchen Sie, das zu entfernen.
- Versuchen Sie, eine explizite Adressierung für Ihre Dateien zu verwenden.
- Stellen Sie sicher, dass Sie Ihre Schriftdateien tatsächlich öffnen können, oder erhalten Sie zumindest keinen 404-Fehler.
- Versuchen Sie, Ihre Dateien wie bisher mit zwei src-Einträgen aufzulisten: einen für IE und einen für moderne Browser.
- Überprüfen Sie, ob Ihre Schriftdateien eine TTF-Datei für Safari- und mobile Browser enthalten.
`
@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"); } Wenden Sie abschließend die Schriftart mit Fallback-Stilen auf Ihren Körper an, wie Sie es in Ihrem Courier-Beispiel oben getan haben:
body{ font-family: "newBaskerville", Courier, monospace; } Hinweis: Verwenden Sie unbedingt dasselbe Name beim Anwenden des Namens wie beim Definieren. In meinem Fall „newBaskerville“, um Probleme mit Leerzeichen und / oder Interpunktion zu vermeiden.
Kommentare
- Wenn Sie Ihre Schriftdateien nicht öffnen oder herunterladen können Über die Adressleiste des Browsers ' sollten Sie sicherstellen, dass Ihr Server mit den richtigen MIME-Typen konfiguriert ist, wie ich in Ihrem anderen Frage-Thread für dasselbe Problem vorgeschlagen habe.
- Vielen Dank. Wissen Sie, warum
@font-faceallein die Schriftart nicht ändern kann undbodyangegeben werden muss? Was ist mit anderen Schriftartenvariationsdateien wie Fett oder Kursiv? Gibt es auch eine Möglichkeit, einen direkt in header.php eingefügten Text anzuweisen, diese Einstellung zu verwenden? Und wissen Sie, wie Sie die Schriftart beim Bearbeiten von Posts verwenden?