首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从google字体或从自己的服务器加载字体,哪一个在页面加载时间上更有效?

从google字体或从自己的服务器加载字体,哪一个在页面加载时间上更有效?
EN

Stack Overflow用户
提问于 2013-03-26 08:01:40
回答 2查看 10.1K关注 0票数 2

在使用一些自定义字体时,我有两个选项,要么可以从自己的服务器加载表单,要么可以加载google字体。但是我关心的是哪一个在页面加载时间上是有效的呢?

我使用css的方式是

代码语言:javascript
复制
@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
    } 

在这里,在加载字体时,我还使用使用字体版本的缓存和从CDN加载字体。

我试图加载的字体在大小上接近36k。

代码语言:javascript
复制
h1 {
       font-family: 'MyWebFont', Fallback, sans-serif;
}

google字体的实现

代码语言:javascript
复制
<link href='http://fonts.googleapis.com/css?family=Caesar+Dressing' rel='stylesheet' type='text/css'>

h1{
  font-family: 'Caesar Dressing', cursive;
}

谁能帮我理解哪一个应该使用谷歌网页字体或自定义表单自己的服务器。就页面加载时间而言,哪一个是最好的?

EN

回答 2

Stack Overflow用户

发布于 2013-03-26 08:14:20

从google cdn下载字体总是会更快,如果不是对您来说(在您使用lan的情况下),对于其他人来说,原因很简单,google cdn服务器可能离它们更近,而不是您的服务器。

此外,如果您还想更进一步,google还在其cdn上托管了一些其他有用的东西,您甚至可以使用上面列出的相同的优点从它们获得jquery。

代码语言:javascript
复制
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
票数 4
EN

Stack Overflow用户

发布于 2013-05-16 03:20:10

哪一个应该使用取决于您的服务器的速度,您的服务器在世界上的位置,以及在世界上每一个访问您的网站的个人访问者的位置。

谷歌的服务器速度相当快,通常会更快。但也有一些地区的服务器不好,您应该使用自己的服务器。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15632092

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档