修改 Semantic UI 的默认字体

Semantic UI 默认使用的是谷歌提供的字体，并且是直接使用了谷歌的官方链接。由于大家都知道的原因，谷歌网站在国内访问速度很差，甚至根本无法访问，还有就是可能会在离线环境下使用 Semantic UI，不能总是依赖于在线字体，所以需要对 Semantic UI 的源文件进行一下手动修改。

1、首先根据上篇教程（http://www.cnblogs.com/xwgli/p/4770984.html）获取到 Semantic UI 未编译前的源代码；

2、找到并用文本编辑器打开源码中的文件： .\src\themes\default\globals\site.variables；

3、修改文件中的 @fontName 的值，来设置 Semantic UI 的默认字体，我这直接使用了 微软雅黑；

4、修改文件中的 @importGoogleFonts 的值为 false，来关闭对谷歌字体的外链；

5、保存 site.variables，然后重新编译一下 Semantic UI 就 OK 了~

时间： 2024-10-25 18:44:01

修改 Semantic UI 的默认字体的相关文章

修改 Semantic UI 中对 Google 字体的引用

在第一次尝试 Semantic UI 后,发现其 css 中第一行,就引用了 fonts.googleapis.com 中的字体. 不知道为什么要这么做,也许在国外,google 的服务已经是一种互联网的基础设施了? 但是在中国,都懂的,这会大大的拖慢网站的加载速度,甚至加载出错. 其实还有一种情况,就是完全离线的网站,与互联网断开的,总不能连接到 google 去下载字体吧~ 话说查找这个问题的解决方案过程中,发现一个网站(https://google-webfonts-helper.hero

Discuz常见小问题2-如何修改整个网站的默认字体为微软雅黑

界面-风格管理,然后点击默认模板的编辑,在正常字体和小号字体前面加上你要的字体(比如微软雅黑,XXX,XXX),挨个排到后面,如果前面的字体没有则显示后面的 修改之后的效果(注意你不要在页面定义别的CSS文件再覆盖这个已有的字体)

老人机修改了手机系统默认字体大小的情况处理。

今天发现了rem有一个不适配的情况. 如果有用户把自己手机默认字体改为超大号的话,界面就变形了. 因为之前我们开发一直以320px为最小适配宽度的. 但是改为超大号字体后,rem还认为是320px的宽, 实际上我换算了一下,只有270px宽了,所以有一些浮动的布局会掉下来,或者是看不到, 用苹果手机试了,居然是正常的. 后来,我发现改为超大字体后,网页在uc浏览器.系统自带浏览器和微信浏览器也都是正常的(安卓), 偏偏在我们app里显示不正常, 我得出结论,一定是webview的某个参数没设定.

vue 修改element ui 的默认样式

应该还能针对其他的奇葩样式修改的 比如:mint-ui,vux 应该都适用 1.在样式  后加 !important ,例如:width: 178px !important; 2.<style scope>  </style> 中的scope去掉 3.vue有一个默认的<style scope>  </style>标签,这是后重新新建一个<style>  </style>的标签.区分开来,就是使用两个<style>  &l

Ubuntu系统下安装字体和切换默认字体的方法

参考链接:http://my.oschina.net/itblog/blog/278566 打开Ubuntu的软件中心,搜索:tweak,安装[Unity Tweak Tool]这款软件,如图(由于我把本文的两步都执行完了才切的图,因此各种窗体的字体已被我设置为微软雅黑,朋友们照着这个步骤做也会有同样的效果): 接下来,我们打开这个软件,界面如图: 选择[字体]选项,进入后如图: 在这里可以修改系统的[默认字体]和[窗口标题字体]等. 修改结果大家从截图上也已经看到了,这里不再截图了.

很简单的在Ubuntu系统下安装字体和切换默认字体的方法

摘要: Ubuntu系统安装好后,默认字体对于中文的支持看上去不太美丽,于是很多朋友可能需要设置系统的默认字体为自己喜欢的字体.本文主要介绍如何解决这两个问题. 说明:测试系统是Ubuntu14.04. 安装字体: 以微软雅黑字体为例(其他的宋体.黑体等点阵字体都一样的),我们的雅黑字体文件是:msyh.ttf(常规字体)和msyhbd.ttf(微软雅黑加粗字体),该字体可在widows目录的Fonts目录下找到,如果没有,也可以从网上下载.由于我是双系统,我直接从Win7中复制了 msyh.t

Win 10 、Win 8 系统默认字体如何修改为宋体

Win 10 字体改为宋体方法:新建一个文本文档txt,将如下代码复制进去:Windows Registry Editor Version 5.00[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts]"Microsoft YaHei & Microsoft YaHei UI (TrueType)"="simsun.ttc"[HKEY_LOCAL_MACHINE\SOFT

运用Runtime全局修改UILabel的默认字体

今天同事项目遇到一个问题,要修改所有UILabel的字体,我查了以下资料,推荐使用runtime机制替换掉UILabel的初始化方法,对label的字体进行默认设置.主要替换以下三个方法initWithFrame.init和xib用到的awakeFromNib,创建UILabel的类别代码如下: .h #import <UIKit/UIKit.h> @interface UILabel (LabelDefaultFont) @end .m #import "UILabel+Label

修改outlook的默认字体

打开Outlook,找到"工具"---"选项": 2.在上面的图中,点击"邮件格式"选项: 3.单击"信纸和字体"选项打开如下图: 4.分别点击上图中用红色圈起来的选项即可更改. 修改outlook的默认字体,布布扣,bubuko.com