Tämän lisääminen style.css-tiedostoon toimii:
* { font-family: "Courier New", Courier, monospace; } Luultavasti siksi, että Courier New on laajalti suosittu ja tuettu. Tämän käyttäminen omassa kirjasimessani ei kuitenkaan toimi:
@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"); } Tai chaning @font-face muotoon * ei toimi myöskään. Tiedostot ovat polussa. Tiedätkö miksi?
Kommentit
- Sinun on joko työskenneltävä absoluuttisen URL-osoitteen kanssa tai saat suhteellisen URL-osoitteen tyylisivuna luultavasti ei ' t WP-asennuksesi asiakirjan juuressa. CSS-kysymykset ovat yleensä aiheen ulkopuolella WordPress Development -palvelussa. Tutustu -ohjekeskukseen tutustu sivuston ohjeisiin.
Vastaa
Tässä artikkelissa on erittäin hyödyllistä tietoa @font-face – ja yhteensopivuusongelmista … joka tapauksessa.
Tässä on joitain mahdollisia parannuksia @ font-face -osi:
- Yhdessä src-merkinnässäsi on ”paikallinen”. Yritä poistaa se.
- Kokeile käyttää nimenomaista osoitetta tiedostoillesi.
- Varmista, että pystyt todella avaamaan kirjasintiedostosi, tai ainakaan saa 404-virhettä.
- Yritä luetella tiedostosi sellaisena kuin minulla on, kahdella src-merkinnällä: yksi IE: lle ja toinen moderneille selaimille.
- Katso, tarjoavatko kirjasintiedostosi TTF-tiedoston Safarille ja mobiiliselaimille.
`
@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"); } Käytä lopuksi kirjasinta vartaloosi varalla olevilla tyyleillä, kuten yllä olevassa Courier-esimerkissä:
body{ font-family: "newBaskerville", Courier, monospace; } Huomaa: Varmista, että käytät samaa nimi sovellettaessa nimeä kuten teit sen määrittäessäsi. Minun tapauksessani ”newBaskerville” välilyönteihin ja / tai välimerkkeihin liittyvien ongelmien välttämiseksi.
Kommentit
- Jos et voi avata tai ladata kirjasintiedostoja selaimen ' osoitepalkin kautta, varmista, että palvelimellesi on määritetty oikeat miimityypit, kuten ehdotin toisessa kysymyslangassasi, samalle ongelmalle.
- kiitos paljon. Tiedätkö miksi
@font-faceyksinään ei voi muuttaa kirjasinta, jabodyon määritettävä? Entä muut kirjasimen muunnelmatiedostot, kuten lihavoitu tai kursivoitu? Onko myös tapa kertoa suoraan otsakkeeseen heaph.php lisätty teksti käyttää tätä asetusta? Ja osaatko käyttää kirjasinta muokkaamalla viestejä?