Tilføjelse af dette til style.css fungerer: 

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

Sandsynligvis fordi Courier New er meget populær og understøttet. Brug af dette på min brugerdefinerede skrifttype fungerer dog 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 ændrer @font-face til * fungerer heller ikke. Filerne findes i stien. Ved du, hvorfor er det?

Kommentarer

  • Du skal enten arbejde med en absolut URL eller få den relative URL lige som stilarket er sandsynligvis ikke ' t i dokumentroden til din WP-installation. CSS-spørgsmål er generelt uden for emnet på WordPress-udvikling , se venligst Hjælp for at gøre dig bekendt med webstedsretningslinjerne.

Svar

Denne artikel har nogle meget nyttige oplysninger om @font-face og kompatibilitetsproblemer … bare i tilfælde.

Her er nogle potentielle forbedringer i dit @ font-face-afsnit:

  • En af dine src-poster viser “lokal”. Prøv at fjerne det.
  • Prøv at bruge eksplicit adressering til dine filer.
  • Sørg for, at du rent faktisk kan åbne dine fontfiler, eller i det mindste ikke får en 404-fejl.
  • Prøv at liste dine filer som jeg har, med to src-poster: en til IE og en til moderne browsere.
  • Se om dine skrifttypefiler indeholder en TTF-fil til Safari og mobile browsere.

`

@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 sidst skal du anvende skrifttypen på din krop med reserveformater, som du har i dit Courier-eksempel ovenfor: 

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

note: Sørg for at bruge det samme navn, når du anvender navnet, som du gjorde, da du definerede det. I mit tilfælde “newBaskerville”, for at undgå problemer med mellemrum og / eller tegnsætning.

Kommentarer

  • Hvis du ikke kan åbne eller downloade dine fontfiler gennem browserens ' adresselinje, skal du sikre dig, at din server er konfigureret med de rigtige mime-typer, som jeg foreslog i din anden spørgsmålstråd, til det samme problem.
  • mange tak. Ved du, hvorfor @font-face alene ikke kan ændre skrifttypen, og body skal specificeres? Hvad med andre skrifttypevariationsfiler, som fede eller kursive? Er der også en måde at fortælle en tekst indsat direkte i header.php for at bruge denne indstilling? Og ved du, hvordan du bruger skrifttypen, når du redigerer indlæg?

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *