移动端字体那些事儿
2016-03-20 19:04
232 查看
一、字体
1、对于IOS 手机系统,默认中文字体是Heiti SC、默认英文字体是Helvetica、默认数字字体是HelveticaNeue、无微软雅黑字体;
2、对于Android 手机系统,默认中文字体是Droidsansfallback、默认英文和数字字体是Droid Sans、无微软雅黑字体;
3、对于Winphone 手机系统,默认中文字体是Dengxian(方正等线体)、默认英文和数字字体是Segoe、无微软雅黑字体。
以上三种不同的中文字体和微软雅黑一样,都是无衬线字体。综上所述,各个手机系统有自己的默认字体,且都不支持微软雅黑。如无特殊需求,手机端无需定义中文字体,使用系统默认即可。至于英文字体和数字字体,可使用 Helvetica ,三种手机系统都支持。
二、常用单位
dpi,dots per inch,每英寸点数。ppi,pixel per inch,每英寸像素数。dpi=ppi。
1、px(css2)
Pixel,像素,相对于显示器屏幕分辨率而言,1px=(1/dpi)英寸。
2、pt(印刷业)
Point,磅,绝对长度单位,1pt=(1/72)英寸。
3、em(css2)
相对长度,继承父级元素的字体大小。
4、%(css2)
百分比。
5、rem(css3)
相对根结点字体大小。
6、单位换算
pt = (dpi / 72)px
windows系统默认dpi是96,apple系统默认dpi是72。如果dpi以96来算,1pt = (96 / 72)px = (4 / 3)px
7、任意浏览器的默认字体高度16px
1、对于IOS 手机系统,默认中文字体是Heiti SC、默认英文字体是Helvetica、默认数字字体是HelveticaNeue、无微软雅黑字体;
2、对于Android 手机系统,默认中文字体是Droidsansfallback、默认英文和数字字体是Droid Sans、无微软雅黑字体;
3、对于Winphone 手机系统,默认中文字体是Dengxian(方正等线体)、默认英文和数字字体是Segoe、无微软雅黑字体。
以上三种不同的中文字体和微软雅黑一样,都是无衬线字体。综上所述,各个手机系统有自己的默认字体,且都不支持微软雅黑。如无特殊需求,手机端无需定义中文字体,使用系统默认即可。至于英文字体和数字字体,可使用 Helvetica ,三种手机系统都支持。
body{font-family:Helvetica;}
二、常用单位
dpi,dots per inch,每英寸点数。ppi,pixel per inch,每英寸像素数。dpi=ppi。
1、px(css2)
Pixel,像素,相对于显示器屏幕分辨率而言,1px=(1/dpi)英寸。
2、pt(印刷业)
Point,磅,绝对长度单位,1pt=(1/72)英寸。
3、em(css2)
相对长度,继承父级元素的字体大小。
4、%(css2)
百分比。
5、rem(css3)
相对根结点字体大小。
6、单位换算
pt = (dpi / 72)px
windows系统默认dpi是96,apple系统默认dpi是72。如果dpi以96来算,1pt = (96 / 72)px = (4 / 3)px
7、任意浏览器的默认字体高度16px
像素 | 磅 | 相对单位 | 百分比 |
16px | 12pt | 1em | 100% |
10px | 8pt | 0.625em | 62.5% |
12px | 9pt | 0.75em | 75% |
相关文章推荐
- Xcode免证书打包ipa
- Android常见第三方框架
- android四大组件之activity
- Android Toolbar
- iOS-NSLayoutConstraint(代码约束)
- RecyclerView简单使用
- Android自定义View基础篇(二)
- AppBuilder(一)Use汇总
- Android SurfaceView仿“是男人就下一百层”
- 安卓获取正在运行的应用和在后台运行的应用。兼容5.0之后的版本。
- Android项目结构
- android开发--ViewPager的简单应用
- Android之ListView性能优化——使用ConvertView和ViewHolder
- Unity3D学习笔记(5)—— 牧师和魔鬼游戏改进
- Android群英传笔记——第四章:ListView使用技巧
- Android群英传笔记——第四章:ListView使用技巧
- android viewpager change adapter ---在使用viewpager设置新的adapter的时候发现页面还是显示旧的adapter中的值
- ios后台搭建 和那些坑
- Android中匹配器ArrayAdapter加载List显示顺序
- IOS屏幕适配自动布局教程(一)