Question

我在我的WordPress网站上安装了myfonts.com的网络字体。我按如下方式更新了CSS：

@import url("../bridge/style.css");

/* LICENSE HERE */

@import url("//hello.myfonts.net/count/xxxxxxx");

@font-face {
    font-family: "VeneerTwo";
    src: url('http://www.example.com/wordpress/webfonts/xxxxxx_0_0.eot');
    src: url('http://www.example.com/wordpress/webfonts/xxxxxx_0_0.eot?#iefix') format('embedded-opentype');
    src: url('http://www.example.com/wordpress/webfonts/xxxxxx_0_0.woff2') format('woff2');
    src: url('http://www.example.com/wordpress/webfonts/xxxxxx_0_0.woff') format('woff');
    src: url('http://www.example.com/wordpress/webfonts/xxxxxx_0_0.ttf') format('truetype');
    src: url('http://www.example.com/wordpress/webfonts/xxxxxx_0_0.svg#wf') format('svg');
}

h1, h2, h3, h4, h5 { font-family: "VeneerTwo" !important; }

网络服务器上存在所有字体。

当我在开发者工具中检查网站时，我发现H2元素的样式为VeneerTwo：

h1, h2, h3, h4, h5 {
    font-family: "VeneerTwo" !important;
}

不幸的是，h2元素的字体只是默认字符（如果我没有记错的话，Times New Roman）。

有谁知道为什么不显示VeneerTwo字体以及如何修复它？

Answer 1

在导入其他媒体或css之前，请先尝试@ font-face。

Answer 2

但是你告诉开发人员工具显示字体，只是尝试清除缓存并再试一次..比如按ctrl + f5两次

Answer 3

我想添加以下内容：由于@arkascha建议检查访问日志，我只是用一个旧的iphone（iPhone 4）检查了它。是的，在iPhone 4上正在显示字体。

虽然样式已更新，但Webfont font-face不会更改html元素的字体

3 个答案: