此篇文章记录我与字体搏斗的坎坷历程。:pensive:

由于众所周知的原因,中文网页字体的选择并不多。之前做网页的时候都是一个微软雅黑搞定,可这次由于是自己博客的原因,当然要挑自己喜欢的字体。

我套用的模板 gaya theme 用的英文字体是 PT Sans,觉得还不错,就沿用了下来。由于另一个众所周知的原因,我把 Google 字体库换成了 360 的 useso 字体库。收工!…………了吗……

Github用的是https,而 useso 不支持 https,所以只能另寻他法了。一开始我在 Font Squirrel 上下载了 PT Sans 的 @font-face 包,嵌入到我的网站。虽说英文字体没有多大,但为了一个普通的字体多了那么一坨东西依然让我很不爽,于是继续在网上搜索,发现可以反代 Google 的字体库,可是我没有vps,也不想太折腾,于是找到了别人反代好的资源(虽说是公开的项目,但好像不适宜在这里放链接,有兴趣的在我源码里找吧~)

至于中文字体,我要求也不高,只是想要个冬青黑( Hiragino Sans GB )而已。这是 Mac OS X 自带的字体(雪豹以后),又叫苹果丽黑,windows 没有这个字体。Google 字体库也找不到这个字体,然后我就懵逼了。:frowning:

网上找到的做法都是放任不管,由它 fallback 到微软雅黑。个人喜好,实在不爽微软雅黑那么正直的样子,不能用冬青黑,换点别的好看的也行啊。后来又找到了 justfont 上有谷歌思源黑体,然而免费账户会有广告,那就试试 Typekit 吧,却发现跟所有 Adobe 网页一样,速度感人,直接连不上了。截止目前,此问题仍处于待解决状态。

  • 3/4/2016 又看到其实去年9月份,google fonts 早鸟页已经推出思源黑体,不过暂时还没有找到使用它的方法。
  • 3/8/2016 需要大面积使用的中文字体,还是用用户已安装的字体比较靠谱,web font虽然体积相对小点,但仍然只适用于标题等小范围使用。因此写font-family的时候为每个系统设好对应的字体就可以了。