【问题标题】：Server stored fonts vs Google fonts?服务器存储字体与谷歌字体？
【发布时间】：2018-03-26 21:35:31
【问题描述】：

将字体存储在我的项目中（例如在 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; 
}

【问题讨论】：

Google 字体由 CDN 提供，因此除非您运行的是 SSD 服务器。我建议直接从谷歌使用它们。

标签： html css fonts

【解决方案1】：

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

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

Google 字体的优势

Google 的字体已压缩，因此加载速度更快，如另一个答案所述。
（也许是这里最重要的因素）Google 字体被缓存。这意味着它很有可能已经缓存在访问者的计算机上，因为很有可能在另一个网站上使用了相同的字体，因此它可以减少页面加载时间。
Google 是一个庞大的网站，并且大量使用 google 字体，因此与大多数其他类似服务相比，它下降的可能性非常低。
Google 网络字体根据用于访问它的设备提供不同的字体。这意味着您将遇到更少的兼容性问题，并且您将需要在您的服务器上存储更少的字体（如果您将它存储在自己的服务器上，您将需要有许多相同字体的格式）。
总的来说，我通常更喜欢尽可能使用 Google 字体，但使用存储在您自己的服务器上的字体当然没有任何问题。

【讨论】：

【解决方案2】：

还有一点需要考虑：Google 字体在中国可能会被屏蔽。如果这是您的目标市场之一，请做出相应选择。

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：