Adicionar isso ao style.css funciona:
* { font-family: "Courier New", Courier, monospace; } Provavelmente porque Courier New é amplamente popular e suportado. No entanto, usar isso na minha fonte personalizada não funciona:
@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"); } Ou chaning @font-face para * também não funciona. Os arquivos existem no caminho. Você sabe por quê?
Comentários
- Você deve trabalhar com um URL absoluto ou obter o URL relativo correto, como a folha de estilo provavelmente não está ' t no documento raiz de sua instalação WP. As perguntas sobre CSS geralmente estão fora do tópico no Desenvolvimento do WordPress , dê uma olhada no centro de ajuda para se familiarizar com as diretrizes do site.
Resposta
Este artigo contém algumas informações muito úteis sobre @font-face e problemas de compatibilidade … por precaução.
Aqui estão algumas melhorias potenciais em sua seção @ font-face:
- Uma de suas listas de entradas src “local”. Tente removê-lo.
- Tente usar endereçamento explícito para seus arquivos.
- Certifique-se de que você pode realmente abrir seus arquivos de fonte ou pelo menos não obtenha um erro 404.
- Tente listar seus arquivos como eu fiz, com duas entradas src: uma para IE e outra para navegadores modernos.
- Veja se seus arquivos de fonte fornecem um arquivo TTF para Safari e navegadores móveis.
`
@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"); } Finalmente, aplique a fonte ao seu corpo com estilos alternativos, como você fez no exemplo do Courier acima:
body{ font-family: "newBaskerville", Courier, monospace; } observação: Certifique-se de usar o mesmo nome ao aplicar o nome como você fez ao defini-lo. No meu caso, “newBaskerville”, para evitar problemas com espaços e / ou pontuação.
Comentários
- Se você não conseguir abrir ou baixar seus arquivos de fonte por meio da barra de endereço ' do navegador, você deve garantir que seu servidor esteja configurado com os tipos MIME adequados, como sugeri em seu outro tópico de Questão, para este mesmo problema.
- muito obrigado. Você sabe por que
@font-facesozinho não pode alterar a fonte e precisa ser especificado? E quanto a outros arquivos de variação de fonte, como negrito ou itálico? Além disso, há uma maneira de dizer a um texto inserido diretamente em header.php para usar essa configuração? E você sabe como usar a fonte ao editar postagens?