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);

Answer 2

你应该检查你的CSS！语法距离正确数英里。

此外，http://fonts.googleapis.com/css?family=PT+Sans已经是一个css文件了！您应该做的是使用<head>标记将导入直接放入您的html link。

看一下这个例子：http://www.w3schools.com/tags/tag_link.asp，或者只是按照之前的说法将以下内容添加到你的html文件中。

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

Answer 3

按照Google Webfonts上的说明解决您的问题。

首先，请确保您包含引用字体文件所需的Google CSS。您可以选择在HTML中包含LINK标记，在CSS中包含@import指令，或者使用某些Javascript。我建议LINK标记以获得最大的浏览器兼容性：

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

将此CSS添加到您的网站时，Google会自动确定您的浏览器使用的正确字体类型。并非所有浏览器都使用WOFF文件。旧版本的IE使用EOT文件，有些浏览器更喜欢SVG或TTF。谷歌能够嗅探浏览器类型并根据需要修改包含的CSS。

包含Google的CSS后，您只需要在CSS中引用要显示字体的字体系列。

font-family: 'PT Sans', sans-serif;

这是唯一必需的CSS。删除你链接的所有其他CSS ...如其他答案所述，你的CSS有一些错误。

Answer 4

尝试：

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

我的网站的字体在Firefox中不受支持/识别

4 个答案: