Att lägga till detta i style.css fungerar: 

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

Förmodligen för att Courier New är mycket populärt och stöds. Att använda detta på mitt anpassade teckensnitt fungerar dock inte: 

@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 ändrar @font-face till * fungerar inte heller. Filerna finns i sökvägen. Vet du varför är det?

Kommentarer

  • Du måste antingen arbeta med en absolut URL eller få den relativa URL: n, som stilark förmodligen inte ' t i dokumentroten till din WP-installation. CSS-frågor är vanligtvis utanför ämnet på WordPress-utveckling , ta en titt på hjälpcentret för att bekanta dig med webbplatsens riktlinjer.

Svar

Den här artikeln har mycket användbar information om @font-face, och kompatibilitetsproblem … bara för alla fall.

Här är några potentiella förbättringar i ditt @ font-face avsnitt:

  • En av dina src-poster listar ”lokal”. Försök att ta bort det.
  • Försök använda explicit adressering för dina filer.
  • Se till att du faktiskt kan öppna dina teckensnittsfiler, eller åtminstone inte få ett 404-fel.
  • Försök att lista dina filer som jag har, med två src-poster: en för IE och en för moderna webbläsare.
  • Se om dina teckensnittsfiler ger en TTF-fil för Safari och mobilwebbläsare.

`

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

Slutligen, använd teckensnittet på din kropp med reservstilar, som du har i ditt Courier-exempel ovan: 

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

Obs: Var noga med att använda samma namn när du tillämpar namnet som du gjorde när du definierade det. I mitt fall ”newBaskerville”, för att undvika problem med mellanslag och / eller skiljetecken.

Kommentarer

  • Om du inte kan öppna eller ladda ner dina teckensnittsfiler genom webbläsarens ' adressfält bör du se till att din server är konfigurerad med rätt mime-typer, som jag föreslog i din andra frågetråd, för samma fråga.
  • tack så mycket. Vet du varför @font-face enbart inte kan ändra teckensnitt och body måste anges? Vad sägs om andra typsnittsfiler, som fetstil eller kursiv? Finns det också ett sätt att berätta en text infogad direkt i header.php för att använda den här inställningen? Och vet du hur man använder teckensnittet när man redigerar inlägg?

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *