css - 我的网站有 Firefox 不支持/无法识别的字体

Question

我的网站没有显示合适的字体 PT Sans.ttc。我检查了其他浏览器，它工作正常。

www.farmap-ux.com。下面是 CSS 代码。

@font-face
{
font-family: PT Sans;
font-family: font-family: 'PT Sans', sans-serif;
src: url("http://fonts.googleapis.com/css?family=PT+Sans")
}

所以它适用于我所说的一切(Chrome、Safari，甚至 Opera!)有什么想法吗？我试图找到该字体的 .woff 文件，但我认为它不在我的字体簿中。

Answer 1

可能是因为您的@font-face 声明根本无效。它应该是这样的:

@font-face
{
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v4/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}

不过，使用google提供的CSS文件会更好:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans">

如果你想坚持使用 CSS 导入

@import url(http://fonts.googleapis.com/css?family=PT+Sans);