当前位置:首页 博文天下 从自己服务器加载谷歌字体,解决googleapis加载慢的问题

从自己服务器加载谷歌字体,解决googleapis加载慢的问题

假设要使用open sans400和700的字体,将IE浏览器调到IE8模式,打开这俩地址,友情提示不翻墙可能打不开。

 

http://fonts.googleapis.com/css?family=Open+Sans:400

http://fonts.googleapis.com/css?family=Open+Sans:700

会得到这么一段样式(400的)

1
2
3
4
5
6
7
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot);
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

里面有俩链接,一个是eot字体,一个是woff字体,在浏览器里分别下载这俩字体,在主题里新建个fonts目录,放进去,名字改的好认点,比如opensans.eot,opensans.woff。

然后上面那个样式改成下面这样,直接扔进主题样式表里。

1
2
3
4
5
6
7
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/opensans.eot);
  src: local('Open Sans'), local('OpenSans'), url(fonts/opensans.eot) format('embedded-opentype'), url(fonts/opensans.woff) format('woff');
}

这样字体文件就是从自己服务器加载了,当然是用其它CDN服务也可以。

订阅我们的电子报刊,掌握最新资讯

博文天下

Prev Next

弱电工程简介

综合布线 智能家居 程控数字电话 闭路监控 防盗报警 智能一卡通 背景音乐及公共广播

公司简介

苏州柯瑞德信息系统是一家优秀的专注于为中小型企业提供信息系统集成服务的企业。我们的IT工程师都具备国际认证的微软、思科等专家证书,我们以专业的服务、合...

关于柯瑞德信息系统有限公司

关于柯瑞德信息系统有限公司

将您企业中的IT部门的职能全部或部分外包,集中精力发展您企业的核心业务!           苏州柯瑞德信息系统有限公司是一家...

快速联系我们






智能家居

Prev Next
什么是门禁 ? 当前常见门禁系统的种类有哪些?各有什么优缺点?

什么是门禁 ? 当前常见门禁系统的种类有哪些?各有什么优缺点…

门禁 , 又称出入管理控制系统 通道管理系统. 是一种管理人员进出的数字化智能管理系统 .原始的门禁系统概念其实早就在我们生活 中。例如:我们家家...

智能一卡通管理系统

智能一卡通管理系统

  智能一卡通管理系统(Smart Manager) ,即一卡通行解决方案,本系统集合门禁、考勤、消费、停车场、电梯、巡更、电子地图、管理中...

电子围栏与红外对射的区别

电子围栏与红外对射的区别

        随着我国经济建设的发展,周界安全防范工作正日益引起重视,电子围栏的出现彻底改变了人们对安全防护工作理念的认识。   我国周界安全...

在线状态

目前有 14 游客 和 0个会员 在线