服务器存储的字体与 Google 字体？

Question

将字体存储在我的项目中（例如在Styles文件夹中）或链接到来自Google的字体，在速度和可靠性方面哪个更好？

即

@font-face {
    font-family: 'myfont';
    src: url(gothic.ttf);
}
body {
    font-family: myfont;
}

或

  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans">

body { 
  font-family: 'Tangerine', 'Inconsolata', 'Droid Sans', serif; 
}

Answer 1

2024 编辑

跨域资源缓存在大多数浏览器中早已被禁用，因为它提供了一种跟踪用户的方法。 更多信息...

---

将它们存储在您自己的服务器上的优点：#

• 您可以使用任何您拥有的字体。
• 您不依赖任何其他网站。如果谷歌字体暂时关闭，您的网站不会受到影响。
• 有时，如果在内联网上，谷歌字体将无法加载。如果网站正在加载，则可以加载自托管的。

Google 字体的优点#

• Google 的字体是压缩的，因此加载速度更快，正如另一个答案中所述。
• **[参见上面的编辑] **（也许这里最重要的因素）Google 字体被缓存。这意味着它很有可能已经缓存在您的访问者计算机上，因为相同的字体很可能已在另一个网站上使用，因此它减少了页面加载时间。 **
• Google 是一个庞大的网站，并且大量使用谷歌字体，因此与大多数其他类似服务相比，它出现故障的可能性非常低。
• Google 网络字体根据访问它的设备提供不同的字体。这意味着您将遇到更少的兼容性问题，并且您将需要在服务器上存储更少的字体（如果您将其存储在自己的服务器上，则需要拥有多种格式的相同字体）。

---

总的来说，我一般更喜欢尽可能使用谷歌字体，但当然使用存储在自己服务器上的字体也没有什么问题。

Answer 2

还有一件事需要考虑：Google Fonts 可能在中国被屏蔽。如果这是您的目标市场之一，请进行相应的选择。

Answer 3

我个人发现，将字体与文件存储在同一服务器上速度最快。对于外部托管的文件，您依赖于第三方服务器的响应能力与您自己的服务器一样。当然，您服务器上的带宽使用量会略有增加（除非您接近托管服务商的带宽限制，否则这并不是真正的问题）。

Answer 4

Google 字体比 Typekit 和自托管字体要轻量得多。 Google 压缩了每种字体以加快下载速度，允许每个网页在任何平台上瞬间下载，而不会影响字体质量。

在这里阅读更多内容：

http://webindustries.co.nz/articles/advantages-using-google-fonts-web-design