无名阁

美好的生活需要用心记录

让火狐正常显示github的字体图标

2012-8-10 笑看风云 网络知识

每个人都有自己的审美观,所以每个人觉得好看的字体大都不同,像我就喜欢DejaVuSansYuanTi字体,所以系统的默认字体都已经被我设置成了DejaVuSansYuanTi字体.

因为我用电脑的似乎上网占据了主要时间,所以选择一个好看的字体对自己很有好处.因为我用的是火狐浏览器,为了让页面强制使用我设定的字体就要取消勾选字体高级设置中的允许页面选择字体而不使用以上设置.同时我还安装了字体管理器这个扩展,方便我来切换字体.

不过最近发现这样设置的话在github中显示就有一点问题,因为github中的图标并不是图片而是字体,要想让github的字体图标显示正常的话就要允许页面选择字体,但是这样的话大部分的网页的字体就会显示的很难看,可是不设置的话github又显示的不正常,所以觉得很麻烦,我想了想,不知道能不能通过stylis这个扩展手动编写样式指定字体来解决呢,于是网上找了一番,最好发现,使用以下 内容可以解决这个问题:

此版本已经过时,请用8月28号更新的版本。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http"),url-prefix("ftp") {
* {font-family:DejaVuSansYuanTi !important;}}
@-moz-document domain("github.com" ){
* {font-family:DejaVuSansYuanTi,'github-octicons',sans-serif !important;}
}

为了让这个css生效,我们还要勾选允许页面选择字体而不使用以上设置,不过用了这个css之后就算勾选了选项我发现字体管理器依然可以正常的工作,所以大家可以放心的使用.

14年8月28号更新

 注意:上面的css过于复杂,不利于继续添加白名单,请使用下面更新版:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("((?!github.com|itellyou.cn|400gb.com|mozilla.org|alipay.com|taobao.com|wallbase.cc).)*"){
* {font-family:文泉驿微米黑 !important;}
}
要添加新的白名单域名只要添加到原来的匹配上面就可以了。


DejaVuSansYuanTi
DejaVuSansYuanTi

标签: 网络 字体

et_highlighter51

评论:

Guest
2014-08-28 10:42
我试了怎么没有用啊...
笑看风云
2014-08-28 15:10
@Guest:其实我已经有了更新的样式,上面的文章忘了更新,我修改一下,然后你在试试。
nabarl
2013-01-07 21:53
Very helpful!
感谢~
北宫嬛
2012-09-11 10:52
moz内核其实不如webkit内核好用
笑看风云
2012-09-11 13:24
@北宫嬛:其实内核和浏览器好不好用关系不是很大.

发表评论: