Å legge dette til style.css fungerer: 

* { font-family: "Courier New", Courier, monospace; }

Sannsynligvis fordi Courier New er populært og støttet. Men å bruke dette på den egendefinerte fonten min, virker ikke: 

@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"); }

Eller endrer @font-face til * fungerer ikke heller. Filene finnes i banen. Vet du hvorfor er det?

Kommentarer

  • Du må enten jobbe med en absolutt URL eller få den relative URL-en riktig, som stilark er sannsynligvis ikke ' t i dokumentroten til WP-installasjonen din. CSS-spørsmål er vanligvis utenfor emnet på WordPress-utvikling , ta en titt på brukerstøtten for å bli kjent med retningslinjene for nettstedet.

Svar

Denne artikkelen har veldig nyttig informasjon om @font-face, og kompatibilitetsproblemer … bare i tilfelle.

Her er noen potensielle forbedringer i seksjonen @ font-face:

  • En av dine src-oppføringer viser «lokal». Prøv å fjerne det.
  • Prøv å bruke eksplisitt adressering for filene dine.
  • Forsikre deg om at du faktisk kan åpne fontfilene dine, eller i det minste ikke få en 404-feil.
  • Prøv å liste opp filene dine som jeg har, med to src-oppføringer: en for IE og en for moderne nettlesere.
  • Se om skriftfilene dine gir en TTF-fil for Safari og mobile nettlesere.

`

@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"); }

Til slutt, bruk skrifttypen på kroppen din med reservestiler, slik du har i Courier-eksemplet ovenfor: 

body{ font-family: "newBaskerville", Courier, monospace; }

merknad: Sørg for å bruke det samme navnet når du bruker navnet som du gjorde da du definerte det. I mitt tilfelle «newBaskerville», for å unngå problemer med mellomrom og / eller tegnsetting.

Kommentarer

  • Hvis du ikke kan åpne eller laste ned fontfiler. gjennom nettleserens ' adresselinje, bør du sørge for at serveren din er konfigurert med de riktige mime-typene, som jeg foreslo i den andre spørsmålstråden din, for dette samme problemet.
  • tusen takk. Vet du hvorfor @font-face alene ikke kan endre skrift, og body må spesifiseres? Hva med andre fontvariasjonsfiler, som fet eller kursiv? Er det også en måte å fortelle en tekst satt inn direkte i header.php for å bruke denne innstillingen? Og vet du hvordan du bruker skriften når du redigerer innlegg?

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *