在第一次尝试 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 文件)
时间: 2024-10-11 21:12:03