首页建站经验 字号数与像素对应关系对网页设计者有帮助

字号数与像素对应关系对网页设计者有帮助

这篇文章主要为大家详细介绍了字号数与像素对应关系对网页设计者有帮助,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。无论是做网页…

这篇文章主要为大家详细介绍了字号数与像素对应关系对网页设计者有帮助,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

无论是做网页设计还是做图片设计,都会对字号大小很在意和敏感,但是不少时候我们对具体的大小并不是十分清楚清晰,下面361源码给大家做个小结,有需要的朋友可以收藏起来哦:

英文字体的1磅,相当于1/72 英寸,约等于1/2.8mm。

12PT的字打印出来约为4.2mm。网页中12px的字才相当于12像素。 

虽然 四号=(14/72)*96=18.6px 更接近 19px,但是因为 18px 是点阵,所以系统还是优先显示点阵字号的。

换句话说:四号=18px

中文字号VS英文字号(磅)VS像素值的对应关系:

八号=5磅(5pt) ==(5/72)*96=6.67 =6px

七号=5.5磅 ==(5.5/72)*96=7.3 =7px

小六=6.5磅 ==(6.5/72)*96=8.67 =8px

六号=7.5磅 ==(7.5/72)*96=10px

小五=9磅 ==(9/72)*96=12px

五号=10.5磅 ==(10.5/72)*96=14px

小四=12磅 ==(12/72)*96=16px

四号=14磅 ==(14/72)*96=18.67 =18px

小三=15磅 ==(15/72)*96=20px

三号=16磅 ==(16/72)*96=21.3 =21px

小二=18磅 ==(18/72)*96=24px

二号=22磅 ==(22/72)*96=29.3 =29px

小一=24磅 ==(24/72)*96=32px

一号=26磅 ==(26/72)*96=34.67 =34px

小初=36磅 ==(36/72)*96=48px

初号=42磅 ==(42/72)*96=56px

初号=42磅=14.82毫米 

小初=36磅=12.70毫米 

一号=26磅=9.17毫米 

小一=24磅=8.47毫米 

二号=22磅=7.76毫米 

小二=18磅=6.35毫米 

三号=16磅=5.64毫米 

小三=15磅=5.29毫米 

四号=14磅=4.94毫米 

小四=12磅=4.23毫米 

五号=10.5磅=3.70毫米 

小五=9磅=3.18毫米 

六号=7.5磅=2.56毫米 

小六=6.5磅=2.29毫米 

七号=5.5磅=1.94毫米 

八号=5磅=1.76毫米

字号     OpenXMl大小       像素大小

初号      84            56    

小初      72            48

一号      52            34

小一      48            32

二号      44            29

小二      36            24

三号      32            21

小三      30            20

四号      28            18

小四      24            16

五号      21            14

小五      18            12

六号      15            10

小六      13            8

七号      11            7

八号      10            6


以上就是字号数与像素对应关系对网页设计者有帮助的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持错新网。
本文来自网络,不代表1号站长-站长学院|资讯交流平台立场。转载请注明出处: https://www.1cn.cc/jianzhan/jingyan/11640.html
上一篇创建网页桌面快捷方式的几种方法总结
下一篇 新手开发网站有哪些注意事项?
admin

作者: admin

这里可以再内容模板定义一些文字和说明,也可以调用对应作者的简介!或者做一些网站的描述之类的文字或者HTML!

为您推荐

评论列表()

    联系我们

    联系我们

    0898-88888888

    在线咨询: QQ交谈

    邮箱: email@wangzhan.com

    工作时间:周一至周五,9:00-17:30,节假日休息

    关注微信
    微信扫一扫关注我们

    微信扫一扫关注我们

    关注微博
    返回顶部