7892.com网页字体设置你领会吗

网页字体设置你询问吗?

2016/02/12 · CSS · 字体

初稿出处: 乐途设计划委员会员会   

在此早前做项目标时候就比葫芦画瓢的装置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等看似的书体,然则当更加多的设施和种类现身后,以前这样的装置已不能够满意网页在各配备上的显得必要。

就拿最简便的小篆(simsun)来讲呢,在Windows系统下显得是二个比较轻松阅读的书体,但是在Mac上大致不恐怕律专科学校心,如下图给出三个优化前后页面包车型大巴对峙统豆蔻梢头效果:

7892.com 1

故而,出于各种原因,促使自个儿一定要去对字体做多个相应的摸底。

对此网址字体设置,本文给出以下意见:

移动端项目:

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;

 

pc端(含Mac)项目:

font-family:Tahoma,Arial,”Helvetica Neue“,”Hiragino Sans GB”,Simsun,sans-self;

 

移动和pc端项目:

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;

 

 

第一说说字体的项目,字体分为中国共产党第五次全国代表大会项目,不过各器材的支撑意况也个不相像,如,

各活动器材系统扶助意况:

五大类字体 安卓4.0 IOS6.0 WP8
sans-serif(无衬线) 支持 支持 支持
serif(衬线) 支持 支持 支持
monospace(等宽) 支持 支持 支持
fantasy(梦幻) 不支持 支持 不支持
cuisive(草体) 不支持 不支持 不支持

 

自然如今那只是运动设备各系统的支撑情状,然则pc端个浏览器的辅助情形也各不相似,如:

五大类字体 IE系列 Chrome Firefox
sans-serif(无衬线) 支持 不支持 不支持
serif(衬线) 支持 支持 支持
monospace(等宽) 支持 支持 支持
fantasy(梦幻) 支持 支持 支持
cuisive(草体) 不支持 不支持 不支持

 

上面介绍下个系统的默许字体和常用字体:

系统 默认西文字体 默认中文字体 其他常用西文字体 其他常用中文字体
Windows 宋体 宋体 Tahoma、Arial、Verdana、Georgia 微软雅黑、黑体
Android 4.0以下 Droid Sans Droid Sans Fallback Arial 无宋体、无微软雅黑
Android 4.0及以上 Roboto Roboto Arial 无宋体、无微软雅黑
iOS Helvetica Neue Heiti SC (黑体) Tahoma(v7.0)、Arial、Verdana、Georgia STHeiti(v7.0)、无宋体、无微软雅黑
Mac OS X 10.6以下 Helvetica Neue STHeiti (华文黑体) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑
Mac OS X 10.6及以上 Helvetica Neue Hiragino Sans GB  (冬青黑体简体中文) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑

参谋资料:iOS6字体列表、iOS7字体列表、Mac OS X  10.6字体列表、Mac OS X 10.7字体列表 等,在看了有个别素材之后,对系统和浏览器下的字体就有了叁个着力的认知。

有众多同校见到位置那么些报表里面包车型地铁结论,或然就能想到:能够只设置西方文字字体不安装粤语字体。

只设置西方文字字体不设置中文字体是不是能够?答案自然是不得以。因为上边这么些系统和浏览器的暗中认可字体也只有是是贰个美好状态下的装置,那个暗中同意字体只限于浏览器或系统最初的默许字体。今后的手提式有线电话机都辅助字体改变,对于浏览器而已也是如此,今后的浏览器都扶持顾客本身安装字体。因而,只设置西方文字字体而忽略中文字体设置是存在一定的危险性的。

 

对于当今Adroid系统的种种字体app,如:字体管家、字体管理等。纵然客户自个儿下载相关的app字体软件将字体制改正掉,这种景况下,大家该怎么收拾?

设若客商将暗许的体系字替换掉,那我们就只能用其余的汉语字体来代表现实,可是就当下来讲,移动端的普通话字体非常少(差非常的少是唯大器晚成性卡塔 尔(英语:State of Qatar),因而,本身还没找到相应的消除办法,中期找到方法再享受出去。

2 赞 13 收藏 评论

7892.com 2

先前做项目标时候就依样画葫芦的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等看似的书体,但是当更加多的装置和种类现身后,以前那样的设置已不能够满足网页在各配备上的展现必要。

 

就拿最简易的燕体(simsun)来讲吧,在Windows系统下显得是四个比较便于阅读的字体,可是在Mac上简直必须要遗余力,如下图给出多个优化前后页面包车型地铁相比较效果:

 

7892.com 3

 

就此,出于各样原因,促使本人只可以去对字体做三个八方呼应的垂询。

 

对此网址字体设置,本文给出以下意见:

 

活动端项目:

 

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;

 

pc端(含Mac)项目:

 

font-family:Tahoma,Arial,”Helvetica Neue“,”Hiragino Sans GB”,Simsun,sans-self;

 

移动和pc端项目:

 

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;

 

率先说说字体的项目,字体分为中国共产党第五次全国代表大会类别,可是各道具的协理景况也个差异等,如,

 

各活动器械系统匡助处境:

 

五大类字体 安卓4.0 IOS6.0 WP8
sans-serif(无衬线) 支持 支持 支持
serif(衬线) 支持 支持 支持
monospace(等宽) 支持 支持 支持
fantasy(梦幻) 不支持 支持 不支持
cuisive(草体) 不支持 不支持 不支持

 

理所必然最近那只是运动设备各系统的支撑情形,可是pc端个浏览器的协助意况也各不雷同,如:

 

五大类字体 IE系列 Chrome Firefox
sans-serif(无衬线) 支持 不支持 不支持
serif(衬线) 支持 支持 支持
monospace(等宽) 支持 支持 支持
fantasy(梦幻) 支持 支持 支持
cuisive(草体) 不支持 不支持 不支持

 

上面介绍下个系统的暗中同意字体和常用字体:

 

系统 默认西文字体 默认中文字体 其他常用西文字体 其他常用中文字体
Windows 宋体 宋体 Tahoma、Arial、Verdana、Georgia 微软雅黑、黑体
Android 4.0以下 Droid Sans Droid Sans Fallback Arial 无宋体、无微软雅黑
Android 4.0及以上 Roboto Roboto Arial 无宋体、无微软雅黑
iOS Helvetica Neue Heiti SC (黑体) Tahoma(v7.0)、Arial、Verdana、Georgia STHeiti(v7.0)、无宋体、无微软雅黑
Mac OS X 10.6以下 Helvetica Neue STHeiti (华文黑体) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑
Mac OS X 10.6及以上 Helvetica Neue Hiragino Sans GB  (冬青黑体简体中文) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑

 

参谋资料:iOS6字体列表、iOS7字体列表、Mac OS X  10.6字体列表、Mac OS X 10.7字体列表 等,在看了一些素材之后,对系统和浏览器下的书体就有了二个中坚的认知。

 

有超级多校友看见上面这一个报表里面包车型客车结论,可能就能够想到:能够只设置西文字体不安装粤语字体。

 

只设置西方文字字体不安装汉语字体是或不是足以?答案自然是不能。因为地方那一个种类和浏览器的暗许字体也无非是是三个安然无事图景下的安装,那些私下认可字体只限于浏览器或连串最先的暗许字体。未来的手提式无线话机都扶持字体改换,对于浏览器而已也是那样,现在的浏览器都帮忙顾客本人安装字体。由此,只设置西方文字字体而忽视汉语字体设置是存在一定的危殆性的。

 

对于明日Adroid系统的种种字体app,如:字体管家、字体管理等。假若顾客本身下载相关的app字体软件将字体制订正掉,这种意况下,大家该怎么收拾?

 

假设顾客将默许的种类字替换掉,那我们就只能用任何的中文字体来代替现实,可是就当前来说,移动端的汉语字体相当少(差非常的少是唯后生可畏性卡塔尔,由此,本身还一向不找到呼应的消弭办法,中期找到办法再享受出来。

 

 

本文由澳门威斯尼人平台登录发布于Web前端,转载请注明出处:7892.com网页字体设置你领会吗

相关阅读