logo标签列表

服务器存储字体 vs 谷歌字体？

htmlcssfonts
5
在速度和可靠性方面，将字体存储在项目中（例如“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; 
}
1
Google字体是从CDN提供的，所以除非您正在运行SSD服务器，否则我建议直接从Google使用它们。 - Aaron
4个回答
13

将字体存储在自己的服务器上的优点：

  • 您可以使用任何您拥有的字体。
  • 你不依赖于其他网站。如果 Google 字体临时宕机，您的网站将不受影响。
  • 有时，如果在内部网络上，Google 字体无法加载。如果正在加载该站点，则可以加载自托管的字体。

使用 Google 字体的优点

  • Google 的字体经过压缩，因此加载速度更快，正如另一篇答案中所述。
  • （可能是最重要的因素）Google 字体被缓存。这意味着访问者的计算机已经缓存了该字体，因为很可能已经在其他网站上使用了相同的字体，从而减少了页面加载时间。
  • Google 是一个庞大的网站，Google 字体被广泛使用，因此与大多数其他类似服务相比，停机的可能性非常低。
  • Google webfonts 根据访问它的设备提供不同的字体。这意味着您将拥有较少的兼容性问题，并且需要在自己的服务器上存储较少的字体（如果您将其存储在自己的服务器上，则需要具有相同字体的许多格式）。
    总的来说，我通常喜欢在可以的情况下使用 Google 字体，但是当然使用存储在自己服务器上的字体也没有错。
1

还有一件需要考虑的事情：Google字体在中国可能会被屏蔽。如果中国是你的目标市场之一，要相应地进行选择。

0
我个人发现，存储在与文件相同服务器上的字体速度最快。使用外部托管文件时，您要依赖于第三方服务器的响应速度与您自己的服务器一样快。当然，在您的服务器上会有轻微增加的带宽使用量（除非您接近主机商的带宽限制，否则不是什么问题）。
0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接