Google Fonts and substitution

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

Chen Ting

Chen Ting

The page aimed to exhibit activities & achievements during Ting's undergraduate & graduate period. Meanwhile, other aspects such as lifestyles, literary work, travel notes, etc. would interweave in the narration.

Leave a Comment

Disqus might be GFW-ed. Excited!