zoukankan      html  css  js  c++  java
  • 修改 Semantic UI 中对 Google 字体的引用

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

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

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

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

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

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

    在 src 文件夹中的 themesdefaultglobalssite.variables 文件中

    可以找到这样一行配置:

    @importGoogleFonts : true;

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

    顺便,在上面还有一行配置:

    @fontName          : 'Lato';

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

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

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

  • 相关阅读:
    微信小程序之:获得appid
    小程序v0.10基本布局
    小程序v0.02 清理干净
    微信小程序v0.01
    让Eclipse在10秒内启动的7个优化提速技巧
    转 1 年经验 Java 求职面试题
    坑爹啊
    ES6,时间格式yyyy-MM-dd HH:MM:SS
    ln: creating hard link 问题
    boost实现串口通信(一):小试牛刀
  • 原文地址:https://www.cnblogs.com/xwgli/p/4771155.html
Copyright © 2011-2022 走看看