CSS设置字体
CSS设置字体一、常用字体的种类
1、pc端个浏览器的支持情况
字体 | IE系列 | Chrome | Firefox |
sans-serif(无衬线) | 支持 | 不支持 | 不支持 |
serif(衬线) | 支持 | 支持 | 支持 |
monospace(等宽) | 支持 | 支持 | 支持 |
fantasy(梦幻) | 支持 | 支持 | 支持 |
cuisive(草体) | 不支持 | 不支持 | 不支持 |
2、各移动设备系统支持情况
字体 | 安卓4.0+ | IOS6.0+ | WP8 |
sans-serif(无衬线) | 支持 | 支持 | 支持 |
serif(衬线) | 支持 | 支持 | 支持 |
monospace(等宽) | 支持 | 支持 | 支持 |
fantasy(梦幻) | 不支持 | 支持 | 支持 |
cuisive(草体) | 不支持 | 不支持 | 不支持 |
三、常用CSS中不同平台的字体设置
移动端项目:
pc端(含Mac)项目:
移动和pc端项目:
默认西文字体 | 默认中文字体 | 其他常用西文字体 | 其他常用中文字体 | |
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 | 无宋体、无微软雅黑 |
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 | 宋体、无微软雅黑 |