Html 服务器存储字体与谷歌字体？

在我的项目中存储字体（比如在样式文件夹中）或者从谷歌链接到字体，有什么在速度和可靠性方面更好

即

或

正文{
字体系列：“橘子色”、“Incolata”、“Droid Sans”、衬线；
}

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

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

请在此处阅读更多信息：

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

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

谷歌字体的优势

• 谷歌的字体是压缩的，所以加载更快，正如另一个答案所说
• （可能是这里最重要的因素）谷歌字体是缓存的。这意味着它很有可能已经被缓存在访问者的计算机上，因为很有可能相同的字体已经在另一个网站上使用，因此它减少了页面加载时间
• 谷歌是一个庞大的网站，谷歌字体被大量使用，因此与大多数其他类似的服务相比，谷歌字体被淘汰的几率非常低
• Google webfonts提供不同的字体，具体取决于访问它所使用的设备。这意味着您将有较少的兼容性问题，并且需要在服务器上存储较少的字体（如果您将其存储在自己的服务器上，则需要具有相同字体的多种格式）。

  ---

  总的来说，我通常更喜欢在我能使用的地方使用谷歌字体，但当然，使用存储在自己服务器上的字体并没有什么错

---

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

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

@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; 
}