Adăugarea acestui lucru la style.css funcționează:
* { font-family: "Courier New", Courier, monospace; } Probabil pentru că Courier New este foarte popular și acceptat. Cu toate acestea, utilizarea acestui lucru pe fontul meu personalizat nu funcționează:
@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"); } Sau schimbarea @font-face în * nici nu funcționează. Fișierele există în cale. Știți de ce este asta?
Comentarii
- Fie că trebuie să lucrați cu un URL absolut, fie să obțineți URL-ul relativ corect, ca foaie de stil probabil nu este ' t în rădăcina documentului instalării WP. Întrebările despre CSS sunt, în general, off-topic în Dezvoltare WordPress , vă rugăm să aruncați o privire la centrul de ajutor pentru a vă familiariza cu liniile directoare ale site-ului.
Răspuns
Acest articol conține câteva informații foarte utile cu privire la @font-face și la problemele de compatibilitate … pentru orice eventualitate.
Iată câteva îmbunătățiri potențiale în secțiunea dvs. @ font-face:
- Una dintre intrările dvs. src listează „local”. Încercați să eliminați acest lucru.
- Încercați să utilizați adresarea explicită pentru fișierele dvs.
- Asigurați-vă că puteți deschide de fapt fișierele de font sau cel puțin nu primiți o eroare 404.
- Încercați să enumerați fișierele așa cum am, cu două intrări src: una pentru IE și una pentru browserele moderne.
- Vedeți dacă fișierele dvs. de fonturi oferă un fișier TTF pentru browserele Safari și mobile.
`
@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"); } În cele din urmă, aplicați fontul pe corpul dvs. cu stiluri de rezervă, așa cum aveți în exemplul Courier de mai sus:
body{ font-family: "newBaskerville", Courier, monospace; } notă: Asigurați-vă că utilizați același lucru nume atunci când aplicați numele așa cum ați făcut atunci când îl definiți. În cazul meu „newBaskerville”, pentru a evita orice probleme cu spații și / sau punctuație.
Comentarii
- Dacă nu puteți deschide sau descărca fișierele de fonturi prin bara de adrese a browserului ', ar trebui să vă asigurați că serverul dvs. este configurat cu tipurile mimice adecvate, așa cum am sugerat în celălalt fir de întrebare, pentru aceeași problemă.
- vă mulțumesc foarte mult. Știți de ce
@font-facesingur nu poate modifica fontul și trebuie specificatbody? Ce se întâmplă cu alte fișiere de variație a fontului, cum ar fi bold sau italic? De asemenea, există o modalitate de a spune unui text inserat direct în header.php să folosească această setare? Și știi cum să folosești fontul când editezi postări?