【问题标题】:Webfont doesn't load, other variations of same font doWebfont 不加载,相同字体的其他变体可以
【发布时间】:2015-04-16 05:17:45
【问题描述】:

我正在构建一个 Wordpress 网站,我选择在我的网站上使用 PT Sans 字体。我正在使用 PT Sans 的 6 种变体(常规、斜体、粗体、粗斜体、窄体、窄体粗体)。

我使用 fontsquirrel 生成器创建 webfont 文件并将它们包含在样式表中。除 PT Sans 常规字体外,所有字体均已正确加载。 CSS 跳过常规并在 css 样式表中选择下一个设置字体。所有字体文件,包括调用字体的样式表,都在同一个目录中。那里没有错误(我已经检查过;))。

仍然无法加载常规字体。如果我可以在源代码、日志或其他内容中发现任何错误,我已经查看了 Firefox 和 Chrome,但我找不到任何东西。

这是我正在调用的 css。第一个是常规版本,它不起作用,第二个是斜体版本,它可以加载。所有文件都经过三重检查并存在于正确的文件夹中。

@font-face {
    font-family: 'pt_sans';
    src: url('pts55f-webfont.eot');
    src: url('pts55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('pts55f-webfont.woff2') format('woff2'),
         url('pts55f-webfont.woff') format('woff'),
         url('pts55f-webfont.ttf') format('truetype'),
         url('pts55f-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sans';
    src: url('pts56f-webfont.eot');
    src: url('pts56f-webfont.eot?#iefix') format('embedded-opentype'),
         url('pts56f-webfont.woff2') format('woff2'),
         url('pts56f-webfont.woff') format('woff'),
         url('pts56f-webfont.ttf') format('truetype'),
         url('pts56f-webfont.svg#pt_sansitalic') format('svg');
    font-style: italic;
}

谁能告诉我可能是什么问题?我被这个问题困扰了几天。

编辑: 尝试为每个变体应用不同的字体名称。常规字体仍未加载(我看到默认浏览器字体)。

【问题讨论】:

  • 您是否删除了缓存 - 也许您的缓存插件在您尝试新的字体名称后没有更新 css?
  • 如果字体文件和 CSS 文件在同一个目录中,那你为什么要调用 'fontfiles' 目录呢?
  • @johnnyd23,好点子。我的 CSS 代码在这里是错误的,因为我放置了它的旧版本。我的错。

标签: wordpress font-face


【解决方案1】:

尝试为font-family 使用不同的名称,例如pt_sanspt_sans_italic

【讨论】:

  • 试过那个。仍然没有加载常规。
  • 建议:检查文件权限,看系统是否可以访问。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-02-22
  • 1970-01-01
  • 2012-12-19
  • 2020-03-11
  • 2021-03-29
  • 1970-01-01
  • 2011-09-09
相关资源
最近更新 更多