语言可以做网站吗,江苏省城乡建设部网站首页,百度云盘官网,58同城二手房出售以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体#xff0c;然而当更多的设备和系统出现后#xff0c;以前这样的设置已不能满足网页在各设备上的显示需求。 就拿最简单的宋体(simsun)来说吧#xff0c;在Wi…以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体然而当更多的设备和系统出现后以前这样的设置已不能满足网页在各设备上的显示需求。 就拿最简单的宋体(simsun)来说吧在Windows系统下显示是一个比较容易阅读的字体然而在Mac上简直无法直视如下图给出一个优化前后页面的对比效果 因此出于种种原因促使我不得不去对字体做一个相应的了解。 对于网站字体设置本文给出以下意见 移动端项目 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.0IOS6.0WP8sans-serif无衬线支持支持支持serif衬线支持支持支持monospace等宽支持支持支持fantasy梦幻不支持支持不支持cuisive草体不支持不支持不支持 当然目前这只是移动设备各系统的支持情况然而pc端个浏览器的支持情况也各不相同如 五大类字体IE系列ChromeFirefoxsans-serif无衬线支持不支持不支持serif衬线支持支持支持monospace等宽支持支持支持fantasy梦幻支持支持支持cuisive草体不支持不支持不支持 下面介绍下个系统的默认字体和常用字体 系统默认西文字体默认中文字体其他常用西文字体其他常用中文字体Windows宋体宋体Tahoma、Arial、Verdana、Georgia微软雅黑、黑体Android 4.0以下Droid SansDroid Sans FallbackArial无宋体、无微软雅黑Android 4.0及以上RobotoRobotoArial无宋体、无微软雅黑iOSHelvetica NeueHeiti SC (黑体)Tahoma(v7.0)、Arial、Verdana、GeorgiaSTHeiti(v7.0)、无宋体、无微软雅黑Mac OS X 10.6以下Helvetica NeueSTHeiti (华文黑体)Tahoma、Arial、Verdana、Georgia宋体、无微软雅黑Mac OS X 10.6及以上Helvetica NeueHiragino Sans GB (冬青黑体简体中文)Tahoma、Arial、Verdana、Georgia宋体、无微软雅黑参考资料iOS6字体列表、iOS7字体列表、Mac OS X 10.6字体列表、Mac OS X 10.7字体列表 等在看了一些资料之后对系统和浏览器下的字体就有了一个基本的认识。 有很多同学看到上面这些表格里面的结论可能就会想到可以只设置西文字体不设置中文字体。 只设置西文字体不设置中文字体是否可以答案当然是不可以。因为上面这些系统和浏览器的默认字体也仅仅是是一个理想状态下的设置这些默认字体仅限于浏览器或系统最初的默认字体。现在的手机都支持字体更换对于浏览器而已也是如此现在的浏览器都支持用户自己设置字体。因此只设置西文字体而忽略中文字体设置是存在一定的危险性的。 对于现在Adroid系统的各种字体app如字体管家、字体管理等。如果用户自己下载相关的app字体软件将字体改掉这种情况下我们该如何处置 如果用户将默认的系统字替换掉那我们就只能用其他的中文字体来代替现实然而就目前而言移动端的中文字体非常少几乎是唯一性因此本人还没有找到相应的解决办法后期找到方法再分享出来。 本文作者破男孩 转载请注明来自携程UED转载于:https://www.cnblogs.com/sunshq/p/3948969.html
