Ennek hozzáadása a style.css fájlhoz működik:
* { font-family: "Courier New", Courier, monospace; } Valószínűleg azért, mert a Courier New széles körben népszerű és támogatott. Ennek használata azonban az egyéni betűtípusomon nem működik:
@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"); } Vagy @font-face csatornát * sem működik. A fájlok valóban léteznek az elérési útban. Tudja, miért van ez?
Megjegyzések
- Vagy abszolút URL-lel kell dolgoznia, vagy pedig a relatív URL-t kell megkapnia, mint stíluslapot valószínűleg nincs ' t a WP-telepítés dokumentumgyökerében. A CSS-kérdések általában témán kívül vannak a WordPress Development témában. Kérjük, tekintse meg a súgót , hogy megismerje a webhely irányelveit.
Válasz
Ez a cikk nagyon hasznos információkat tartalmaz a @font-face és a kompatibilitási problémákról … minden esetre.
Íme néhány lehetséges fejlesztés a a @ font-face szakaszod:
- Az egyik src bejegyzés felsorolja a “helyi” szót. Próbálja meg eltávolítani.
- Próbáljon explicit címzést használni a fájljaihoz.
- Győződjön meg arról, hogy valóban kinyithatja a betűtípusfájlokat, vagy legalább nem kap 404-es hibát.
- Próbálkozzon a fájlok felsorolásával, ahogy nekem van, két src bejegyzéssel: egy az IE-hez és egy a modern böngészőkhöz.
- Ellenőrizze, hogy a betűtípusfájlok TTF-fájlt nyújtanak-e a Safari és a mobil böngészők számára.
`
@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"); } Végül alkalmazza a betűtípust a testére tartalék stílusokkal, mint a fenti Courier példában:
body{ font-family: "newBaskerville", Courier, monospace; } megjegyzés: Ügyeljen arra, hogy ugyanazt használja név a név alkalmazásakor, ahogyan azt a meghatározásakor. Az én esetemben “newBaskerville”, a szóközökkel és / vagy az írásjelekkel kapcsolatos problémák elkerülése érdekében.
Megjegyzések
- Ha nem tudja megnyitni vagy letölteni a betűtípusfájlokat a böngésző ' böngésző címsorán keresztül győződjön meg arról, hogy a kiszolgálón a megfelelő mime típusok vannak konfigurálva, amint azt a másik Kérdés szálában javasoltam ugyanahhoz a kérdéshez.
- nagyon köszönöm. Tudja, hogy a
@font-faceönmagában miért nem tudja megváltoztatni a betűtípust, és abody-t meg kell adni? Mi a helyzet más betűtípus-variációs fájlokkal, például félkövérrel vagy dőlt betűvel? Továbbá, van-e mód arra, hogy megmondja a közvetlenül a header.php fájlba beillesztett szöveget, hogy használja ezt a beállítást? És tudod, hogyan kell használni a betűtípust a bejegyzések szerkesztésekor?