Aug 27, 2016
Google Fonts and substitution
终于搭建好博客以后,总会有一些小的改动。有时候这些改动是因为自己喜新厌旧,而有时候则是不得已而为之。
googleapis的怨念
在搭建本页面之初,我就已经考虑过墙的问题了。为此,常用的评论,统计等系统都已经找了墙内的替代品。 然而,当一切安定后,再次测试访问我的首页时,仍旧是慢的要死……
F12走起,往下一翻,果不其然,还是有漏网之鱼。fonts.googleapis.com赫然在目。本着对谷歌疑罪从有的理念,马上着手解决这个问题。
几种解决方案
字体问题无非是几种解决方案:
- 本地字体下载 - 然而这样的话别人也看不到炫酷的特效了啊
- 字体库推送到远程,用户从github服务器下载 - 尽管现在吉特哈布挺快,但保不齐敏感时期就会被干啊……算啦算啦
- 在线字体库……
显而易见,在线字体库是最好的选择。不需要占用存储资源,调用方便。于是便知乎找了一下。
服务器端法
$ npm install -g goog-webfont-dl
国人总是有新办法……还会开发这种蛋疼的工具,全拜功夫网所赐啊。用法如下:
$ goog-webfont-dl -a -f 'Source Sans Pro' -y '300,400,600,900'
工具会自动下载所需web字体并生成css,调用就是了。
换源法
感谢中科大源,无数次拯救我于墙内。 换源方法如下: fonts.googleapis.com → fonts.lug.ustc.edu.cn
Leave a Comment