修改 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 文件)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM