搜索
开启辅助访问切换到窄版
查看: 45|回复: 0

[CSS/CSS3] 谷歌字体(google fonts)最优解决方案

[复制链接]

35

主题

282

学分

0

好友

管理员

Rank: 9Rank: 9Rank: 9

积分
282
发表于 2018-10-5 14:47:33 | 显示全部楼层 |阅读模式
对国外的一些开源cms框架做开发的时候,难免会引用到谷歌字体,但是https://fonts.googleapis.com/这个域名,基本上是打不开的,反而拖累了网站的打开速度。

之前找到的一个解决方案在这里:http://www.hc-cms.com/thread-52-1-1.html

但是后来发现,这个还是靠不住。。

然后今天心血来潮,搜了下"谷歌字体",然后奇迹就出现了,我搜到了这样一个站点:http://www.googlefonts.cn/

看到了吗?“.cn”结尾的域名!访问速度还是很给力,而且又有一大堆字体。

然后我随便点击了一款字体的“quick-use”,然后访问了这样的链接,如“http://www.googlefonts.cn/#QuickUsePlace:quickUse”,然后,下面有教你引用的字体的方式:
<link href='http://fonts.font.im/css?family=Open+Sans' rel='stylesheet' type='text/css'>

等等,好像很熟悉的样子。我再对比了之前引用的谷歌字体的样式:
https://fonts.googleapis.com/css?family=Roboto:300,400,500,700

然后,我示例下更换“fonts.googleapis.com”,改成这样:
http://fonts.font.im/css?family=Roboto:300,400,500,700

然后访问的时候,居然可以正常访问,而且速度居然是秒开。而且同时支持“http”和“https”。

好了,简直perfect!妈妈再也不用担心你翻墙摔倒了。


阿Q问答,程序员专属知识问答平台!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

阿Q问答

程序员专属知识问答平台!

关于我们

Archiver|手机版|小黑屋|阿Q问答  

Powered by Discuz! X3.3 © 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表