@font-face doesn't work

时间：2019-08-27 作者：Ooker

将此添加到样式。css工作：

* { font-family: "Courier New", Courier, monospace; }
可能是因为Courier New广受欢迎和支持。但是，在我的自定义字体上使用此选项不起作用：

@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\');
}
或更改@font-face 到* 也不起作用。路径中确实存在文件。你知道为什么吗？

1 个回复
最合适的回答,由SO网友:Mike Baxter 整理而成

This article 有一些非常有用的信息@font-face, 和兼容性问题。。。以防万一。

以下是您的@font-face部分的一些潜在改进：

您的src条目之一列出了“本地”。尝试删除该选项`

@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\'); 
}
最后，使用回退样式将字体应用于身体，如上面的Courier示例所示：

body{ font-family: "newBaskerville", Courier, monospace; }
note: 请确保在应用名称时使用与定义名称时相同的名称。在我的例子“newBaskerville”中，避免任何空格和/或标点符号问题。

标签： css   fonts   小码农  

相关推荐

为什么当我将WordPress和SQL的文件更改到另一台计算机时，CSS不起作用？

嗨，我用“Elementor”开发了一个网站，当我复制sql文件和安装在磁盘上的wordpress文件时，我将这些文件移动到另一台计算机上，然后我将其放在phpmy admin上并运行sql，问题是当我在另一台计算机上运行wordpress时，css不起作用，我的设计看起来很混乱，没有位置等等，你能帮我吗？