【发布时间】: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 代码在这里是错误的,因为我放置了它的旧版本。我的错。