Aggiungendolo a style.css funziona:
* { font-family: "Courier New", Courier, monospace; } Probabilmente perché Courier New è ampiamente diffuso e supportato. Tuttavia, lutilizzo di questo sul mio carattere personalizzato non funziona:
@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"); } Oppure cambia @font-face a * non funziona neanche. I file esistono nel percorso. Sai perché?
Commenti
- Devi lavorare con un URL assoluto o ottenere correttamente lURL relativo, come nel foglio di stile probabilmente non è ' nella root dei documenti della tua installazione di WP. Le domande CSS sono generalmente fuori tema nello Sviluppo WordPress , dai unocchiata al Centro assistenza per acquisire familiarità con le linee guida del sito.
Risposta
Questo articolo contiene alcune informazioni molto utili riguardanti @font-face e problemi di compatibilità … per ogni evenienza.
Ecco alcuni potenziali miglioramenti in la sezione @ font-face:
- Una delle tue voci src elenca “local”. Prova a rimuoverlo.
- Prova a utilizzare indirizzi espliciti per i tuoi file.
- Assicurati di poter effettivamente aprire i file dei caratteri, o almeno non ricevere lerrore 404.
- Prova a elencare i tuoi file come ho fatto io, con due voci src: una per IE e una per i browser moderni.
- Verifica se i tuoi file di font forniscono un file TTF per Safari e browser per dispositivi mobili.
`
@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"); } Infine, applica il carattere al tuo corpo con stili di riserva, come hai fatto nellesempio Courier sopra:
body{ font-family: "newBaskerville", Courier, monospace; } nota: assicurati di utilizzare lo stesso nome quando si applica il nome come si è fatto durante la definizione. Nel mio caso “newBaskerville”, per evitare problemi con spazi e / o punteggiatura.
Commenti
- Se non puoi aprire o scaricare i file dei tuoi caratteri attraverso la barra degli indirizzi del browser ', dovresti assicurarti che il tuo server sia configurato con i tipi MIME corretti, come ho suggerito nellaltro thread delle domande, per lo stesso problema.
- grazie mille. Sai perché
@font-faceda solo non può cambiare il carattere ebodydeve essere specificato? E gli altri file di variazione dei caratteri, come grassetto o corsivo? Inoltre, cè un modo per dire a un testo inserito direttamente in header.php di usare questa impostazione? E sai come usare il carattere quando modifichi i post?