您的位置:首页 > 移动开发

移动端字体那些事儿

2016-03-20 19:04 232 查看
一、字体

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

像素相对单位百分比
16px12pt1em100%
10px8pt0.625em62.5%
12px9pt0.75em75%
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: