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

  • 相关阅读:
    valgrind的使用
    php开启gzip压缩
    scrapy
    今天几个bug的排查过程
    awk使用多个分割符
    有用的url
    图片延迟加载
    用中间表提高互联网程序的开发效率
    百度技术沙龙
    vs2005/.NET2.0 控件演示之 文件上传 《FileUpload》
  • 原文地址:https://www.cnblogs.com/xwgli/p/4771155.html
Copyright © 2011-2022 走看看