【发布时间】:2017-01-04 12:40:15
【问题描述】:
我在 Wordpress 的子主题中包含了一些 .ttf 字体。我也有两个独立的开发环境,它们是相同的。一方面,字体加载得很好,但另一方面,字体根本不会加载。我查看检查元素中的错误并查看:
获取http://thedomain.com/wp-content/themes/theme-child/fonts/Alice-Regular.ttf 它甚至没有说“404”加载失败,并进一步说明这行代码在索引页面上,而实际上它在子主题的style.css文件中。
对于我所有的非谷歌字体,这就是它们发生的情况……但仅限于一个环境。路径是 100% 正确的,我在路径前面放了一个“/”,然后把它去掉,我做了绝对路径,几乎所有我可以用路径做的音乐椅。
我已经清除了缓存、缓存失效以及所有这些,但字体无法加载。
这是 CSS(适用于我的第一个环境),是的,'fonts' 文件夹与 style.css 位于同一目录中 我什至将字体从文件夹中取出并将它们放在与 style.css 相同的目录中,并相应地调整了 CSS 中的路径 - 不行。
@font-face {
font-family: 'Bazar';
src: url('fonts/Bazar.ttf');
font-weight: bold;
}
@font-face {
font-family: 'Cuban';
src: url('fonts/Cuban.otf');
font-weight: bold;
}
@font-face {
font-family: 'Alice-Regular';
src: url('fonts/Alice-Regular.ttf');
font-weight: bold;
}
【问题讨论】:
-
您是否在
functions.php和wp_enqueue_style中添加自定义字体,例如:wp_enqueue_style( 'custom-font', "//fonts.googleapis.com/css?family=Open+Sans");? -
检查上传字体文件的权限
-
我没有在我的第一个环境中这样做,它在那里工作正常。顺便说一句,这些也是字体文件,而不是谷歌字体(也许这只是在你的例子中,如果是这样的话——我的错)。此外,我所有的谷歌字体也都可以正常工作。
-
字体权限在不同环境中都是一样的。文件夹上的 0705 和字体文件本身上的 0604。
-
你试过这个
./fonts/font_name.ttf吗?