【问题标题】:@font-face not loading in Wordpress@font-face 没有在 Wordpress 中加载
【发布时间】: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.phpwp_enqueue_style 中添加自定义字体,例如:wp_enqueue_style( 'custom-font', "//fonts.googleapis.com/css?family=Open+Sans");
  • 检查上传字体文件的权限
  • 我没有在我的第一个环境中这样做,它在那里工作正常。顺便说一句,这些也是字体文件,而不是谷歌字体(也许这只是在你的例子中,如果是这样的话——我的错)。此外,我所有的谷歌字体也都可以正常工作。
  • 字体权限在不同环境中都是一样的。文件夹上的 0705 和字体文件本身上的 0604。
  • 你试过这个./fonts/font_name.ttf 吗?

标签: css wordpress font-face


【解决方案1】:

以下是您需要了解的有关相对文件路径的所有信息:

以“/”开头返回根目录并从那里开始 以“../”开头的目录向后移动一个目录并从那里开始 以“../../”开始向后移动两个目录并从那里开始(等等......) 要继续前进,只需从第一个子目录开始并继续前进

使用@font-face https://css-tricks.com/snippets/css/using-font-face/

【讨论】:

  • 我很欣赏这一点,但我很清楚这一点。这些路径是目前两个相同环境(一个用于测试,一个用于开发)中的完全相同的路径。这不是文件路径。
猜你喜欢
  • 2013-01-07
  • 2022-01-22
  • 2019-02-11
  • 2014-11-19
  • 2016-02-07
  • 2011-10-19
  • 1970-01-01
  • 1970-01-01
  • 2010-11-22
相关资源
最近更新 更多