修改 Semantic UI 中对 Google 字体的引用

在第一次尝试 Semantic UI 后，发现其 css 中第一行，就引用了 fonts.googleapis.com 中的字体。

不知道为什么要这么做，也许在国外，google 的服务已经是一种互联网的基础设施了？

但是在中国，都懂的，这会大大的拖慢网站的加载速度，甚至加载出错。

其实还有一种情况，就是完全离线的网站，与互联网断开的，总不能连接到 google 去下载字体吧~

话说查找这个问题的解决方案过程中，发现一个网站（https://google-webfonts-helper.herokuapp.com/fonts），可以方便的下载谷歌的字体，不需要自己费劲的去扒了。

 

不过也还好，Semantic UI 提供了对这个功能的开关。

在 src 文件夹中的 themes\default\globals\site.variables 文件中

可以找到这样一行配置：

@importGoogleFonts : true;

嗯，把这个改成 false 就可以了。

 

顺便，在上面还有一行配置：

@fontName          : 'Lato';

这个就是原来要从 google 引用的字体名称，可以把它改成自己想用的字体名（其实中文字体几乎没什么可选的，不就是雅黑宋体黑体楷体这几个么。。。）

关于自定义字体文件的方式，还没有研究过，中文字体一般也不考虑这种事情，字体文件太大了，遇到特殊情况再研究吧。

 

对了，修改完以后，记得 gulp build 拿到最新的编译文件。（此改动仅影响 css 文件，并不影响 js 文件）