码迷,mamicode.com
首页 > 其他好文 > 详细

启明星系统字体的演变

时间:2016-05-01 10:59:59      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:

启明星系统采用了Bootstrap样式。

Bootstrap对英文字体支持的很好。但是中文字体,对于采用Chrome内核的浏览器而言(如360,猎豹,搜狗等浏览器),字体比较难看。

如下图,显示的默认采用Bootstrap默认字体:IE和Chrome显示的效果。

从中可以看到,英文字体IE和Chrome表现的都很好。但是中文字体,IE表现的很圆润,但是Chrome显示的中文字体比较锋利。

技术分享

 

技术分享

 

 

 

所以,在启明星V11版本里,强制使用了微软雅黑字体。仔细比较下图IE和Chrome显示的字体

基本上IE,Chrome对中文的显示都比较好,但是IE下显示的英文不是很好。例如比较下图“Subject”这个单词,可以发现

IE比Chrome显示的略微粗点,该人的感觉不是很舒服。

 

 技术分享

技术分享

 

 

在启明星V12版本里,进一步优化了字体,对body字体进行了重新定义。

body {   font-family: ‘Segoe UI Semilight‘,‘Segoe UI‘,Microsoft Yahei,Tahoma,Arial,sans-serif,Helvetica, "Helvetica Neue", Helvetica,  Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; }

 

 对Bootstrap的字体重新定义了一下。基本上,中文和英文,在IE和Chrome下达到了较为理想的状态。

 (当然上面代码其实就用了   font-family: ‘Segoe UI Semilight‘,‘Segoe UI‘,‘Microsoft Yahei‘)

技术分享

技术分享

 

启明星系统字体的演变

标签:

原文地址:http://www.cnblogs.com/mqingqing123/p/5450129.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!