博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
修改 Semantic UI 中对 Google 字体的引用
阅读量:6125 次
发布时间:2019-06-21

本文共 618 字,大约阅读时间需要 2 分钟。

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

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

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

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

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

 

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

在 src 文件夹中的 themes\default\globals\site.variables 文件中

可以找到这样一行配置:

@importGoogleFonts : true;

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

 

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

@fontName          : 'Lato';

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

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

 

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

转载地址:http://kjfua.baihongyu.com/

你可能感兴趣的文章
(十六)字段表集合
查看>>
JPGraph
查看>>
实验二 Java面向对象程序设计
查看>>
------__________________________9余数定理-__________ 1163______________
查看>>
webapp返回上一页 处理
查看>>
新安装的WAMP中phpmyadmin的密码问题
查看>>
20172303 2017-2018-2 《程序设计与数据结构》第5周学习总结
查看>>
eclipse中将一个项目作为library导入另一个项目中
查看>>
Go语言学习(五)----- 数组
查看>>
Android源码学习之观察者模式应用
查看>>
Content Provider的权限
查看>>
416. Partition Equal Subset Sum
查看>>
centos7.0 64位系统安装 nginx
查看>>
数据库运维平台~自动化上线审核需求
查看>>
注解开发
查看>>
如何用 Robotframework 来编写优秀的测试用例
查看>>
Django之FBV与CBV
查看>>
Vue之项目搭建
查看>>
app内部H5测试点总结
查看>>
Docker - 创建支持SSH服务的容器镜像
查看>>