5

我通过添加外部链接使用谷歌字体

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

这个 CSS 只有这个代码

@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: normal;
  src: local('Arvo'), url('http://themes.googleusercontent.com/static/fonts/arvo/v3/WJ6D195CfbTRlIs49IbkFw.woff') format('woff');
}

我可以在我的项目 css 文件 style.css 中粘贴并使用此代码吗?或者它是必要的,最好将其用作 google 的外部 css 链接

4

3 回答 3

8

您应该从 Google 链接它,因为:

  • 根据发出请求的浏览器, Google 会提供不同的 CSS 文件。
  • 如果 Google 决定对该 CSS 进行更改(例如更改字体文件名!),更新将在您的网站上自动进行。

所以,从谷歌链接它更健壮。


如果您想在本地托管字体,请阅读以下内容:如何在我自己的服务器上托管谷歌网络字体?

于 2011-08-26T11:28:02.673 回答
4

我想唯一的问题是如果谷歌决定将字体位置从'http://themes.googleusercontent.com/static/fonts/arvo/v3/WJ6D195CfbTRlIs49IbkFw.woff'更改为'http://themes.googleusercontent.com /static/fonts/arvo/v3/somethingelse.woff'

通过使用他们的链接,他们可能会保持最新。基本上我想说的是他们不太可能更改链接'http://fonts.googleapis.com/css?family=Arvo'但更有可能更改'http://themes.googleusercontent.com/静态/字体/arvo/v3/WJ6D195CfbTRlIs49IbkFw.woff'。我可能会坚持使用他们的外部链接,唯一的缺点是页面加载时间的微小差异,因为它必须先下载 CSS,然后再下载字体。但是谷歌有这么多的服务器,速度如此之快,它不会产生盲目的影响。希望这是有道理的。这也是我对它的看法,其他人可能有不同的想法。

于 2011-08-26T11:28:14.093 回答
2

我只是将它包含到我的项目 css 文件中,因为:

  • 您可以保存一个 http 请求 :)
  • 完全控制你的 CSS

如果 google 曾经更改过外部 css 文件,那么您的项目可能会发疯。但这可能取决于项目。在大多数情况下,用户是否已经缓存了文件并不重要。如果您只有一个小站点,则用户拥有该文件的可能性几乎为零。只是我的 2 美分……</p>

于 2011-08-26T11:28:17.337 回答