兼容PC手机端字体
2016-07-07 10:11
274 查看
各平台的主流字体支持情况
各系统的默认字体和常用字体:系统 | 默认西文字体 | 默认中文字体 | 其他常用西文字体 | 其他常用中文字体 |
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 | 宋体、无微软雅黑 |
五大类字体 | 安卓4.0 | IOS6.0 | WP8 |
sans-serif(无衬线) | 支持 | 支持 | 支持 |
serif(衬线) | 支持 | 支持 | 支持 |
monospace(等宽) | 支持 | 支持 | 支持 |
fantasy(梦幻) | 不支持 | 支持 | 不支持 |
cuisive(草体) | 不支持 | 不支持 | 不支持 |
五大类字体 | IE系列 | Chrome | Firefox |
sans-serif(无衬线) | 支持 | 不支持 | 不支持 |
serif(衬线) | 支持 | 支持 | 支持 |
monospace(等宽) | 支持 | 支持 | 支持 |
fantasy(梦幻) | 支持 | 支持 | 支持 |
cuisive(草体) | 不支持 | 不支持 | 不支持 |
上结论
废话就不做分析了,结合参考资料,给出我目前在用的font-family 代码吧,不一定最好,欢迎赐教。下面非全局定义,而是针对特殊div 下的个性化定义:
1 2 3 4 5 6 7 8 | /*微软雅黑*/ .yahei{font-family: 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif!important} /*宋体*/ .songti{font-family: "Helvetica Neue", Helvetica,"Songti SC", "SimSun", serif!important} /*楷体*/ .kaiti{font-family: "Helvetica Neue", Helvetica, "KaiTi", "楷体", "STKaiti", "华文楷体", serif!important} /*华文仿宋*/ .fangsong{font-family: "Times New Roman", "Helvetica Neue", Helvetica, "FangSong", "仿宋", "STFangSong", "华文仿宋", serif!important} |
1 2 3 4 5 6 | /*移动端项目*/ 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; |
参考资料:
https://ruby-china.org/topics/14005 http://ued.ctrip.com/blog/?p=3589 http://typo.sofi.sh/ http://www.ruanyifeng.com/blog/2014/07/chinese_fonts.html http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/
转载 http://devework.com/font-family-chinese.html
相关文章推荐
- android 基本类型的引用如果是以大写开头的就是引用一个类
- webview加载网页出现("找不到网页net:err_unknown_url_scheme")
- [置顶] AndroidStudio中使用Git-高级篇(二)——新建分支和拉取请求(by 星空武哥)
- Android程序实现自动更新——Android模块化编程
- Android adb一些命令记录
- Android轻量存储值SharedPreference存世实例
- [置顶] Android开发利用shareSDK等第三方分享,弹出的是英文名称。例如Genymotion模拟器
- 可能是讲解 Android 事件分发最好的文章
- Android开发艺术探索读书笔记(第10章 消息机制)
- iOS App图标和启动画面尺寸
- 系统app使用动态库加载失败
- xcode中leaks使用
- (浅谈)AndroidStudio中关于多渠道打包相关处理
- Entity Framework Tutorial Basics(14):Choose development approach
- Android Studio调试功能使用总结【转】
- Android Data Binding
- appid 评价
- Android文件监控FileObserver介绍
- Android APK版本升级设计
- Android中的dispatchTouchEvent()、onInterceptTouchEvent()和onTouchEvent()