0

我的网站没有显示适当的字体 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 文件,但我认为它不在我的字体书中。

4

4 回答 4

5

也许是因为您的@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);
于 2013-01-09T22:50:02.673 回答
1

你真的应该检查你的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">
于 2013-01-09T22:49:45.777 回答
0

按照Google Webfonts的指示应该可以解决您的问题。

首先,确保包含引用字体文件所需的 Google CSS。LINK您可以选择在 HTML中包含标签、@import在 CSS 中包含指令或某些 Javascript。我推荐使用该LINK标签以获得最大的浏览器兼容性:

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

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

包含 Google 的 CSS 后,您只需在 CSS 中引用您希望字体出现的字体系列。

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

这是唯一需要的 CSS。删除您链接的所有其他 CSS……如其他答案中所述,您的 CSS 有一些错误。

于 2013-01-09T22:55:51.597 回答
-1

尝试:

@font-face {
  font-family: 'PT Sans';
  font-weight: normal;
  src: url("http://fonts.googleapis.com/css?family=PT+Sans");
}
于 2013-01-09T22:50:32.200 回答