Question

我正在构建一个Wordpress网站，我选择使用PT Sans字体在我的网站上使用。我正在使用6种不同的PT Sans（常规，斜体，粗体，粗体斜体，窄边，粗体缩小）。

我使用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;
}

谁能告诉我问题可能是什么？我现在坚持这个问题几天了。

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

Answer 1

尝试为font-family和pt_sans pt_sans_italic添加不同的名称。

Webfont没有加载，相同字体的其他变体也没有

1 个答案: