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

  • 相关阅读:
    linux之awk命令
    HDU 2097 Sky数 进制转换
    HDU 2077 汉诺塔IV
    HDU 2094 产生冠军 dfs加map容器
    HDU 2073 叠框
    HDU 2083 简易版之最短距离
    HDU 2063 过山车 二分匹配
    天梯 1014 装箱问题
    天梯 1214 线段覆盖
    天梯 1098 均分纸牌
  • 原文地址:https://www.cnblogs.com/xwgli/p/4771155.html
Copyright © 2011-2022 走看看