Přidání do souboru style.css:
* { font-family: "Courier New", Courier, monospace; } Pravděpodobně proto, že Courier New je velmi populární a podporovaný. Toto použití na mém vlastním písmu však nefunguje:
@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"); } Nebo změnit @font-face na * také nefunguje. Soubory v cestě existují. Víte, proč tomu tak je?
Komentáře
- Musíte buď pracovat s absolutní adresou URL, nebo získat relativní adresu URL správně, jako šablonu stylů pravděpodobně není ' t v kořenovém adresáři dokumentu vaší instalace WP. Otázky týkající se CSS jsou obecně mimo téma WordPress Development , podívejte se prosím na centrum nápovědy seznámit se s pokyny pro web.
odpověď
Tento článek obsahuje některé velmi užitečné informace týkající se @font-face a problémů s kompatibilitou … pro každý případ.
Zde je několik potenciálních vylepšení v vaše sekce @ font-face:
- Jedna z vašich položek src uvádí „místní“. Zkuste to odstranit.
- Zkuste pro své soubory použít explicitní adresování.
- Ujistěte se, že můžete skutečně otevřít soubory písem, nebo alespoň nedostanete chybu 404.
- Zkuste vypsat soubory, jaké mám, se dvěma položkami src: jednou pro IE a druhou pro moderní prohlížeče.
- Zjistěte, zda vaše soubory písem poskytují soubor TTF pro Safari a mobilní prohlížeče.
`
@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"); } Nakonec použijte písmo na tělo pomocí záložních stylů, jaké máte ve výše uvedeném příkladu Courier:
body{ font-family: "newBaskerville", Courier, monospace; } poznámka: Použijte stejné název při použití názvu, jako jste ho definovali. V mém případě „newBaskerville“, aby nedocházelo k problémům s mezerami a / nebo interpunkcí.
Komentáře
- Pokud nemůžete otevřít nebo stáhnout soubory písem prostřednictvím adresního řádku prohlížeče ' s byste se měli ujistit, že je váš server nakonfigurován se správnými typy mime, jak jsem navrhl ve vašem druhém vlákně Otázka, pro stejný problém.
- mnohokrát vám děkuji. Víte, proč
@font-facesám o sobě nemůže změnit písmo abodyje třeba upřesnit? A co ostatní soubory s variacemi písem, například tučné nebo kurzíva? Existuje také způsob, jak říct textu vloženému přímo do header.php, aby použil toto nastavení? A víte, jak použít písmo při úpravách příspěvků?