ui字体 pt 和 前端字体 px 之间的转化

本文解析了UI设计中常见的字体单位px和pt的区别,并给出了具体的换算公式,帮助开发者理解不同单位之间的转换,确保应用程序界面与设计稿保持一致。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


在我们开发过程中ui给我们标注的字体通常是用px或者pt标记的,但是oc提供的size的单位值是pt,这往往给我们在计算字体的时候造成一些困扰,许多新手更甚直接用px或者ps去设置字体的大小造成界面的显示效果与ui图不符合。



1  字体大小的设置单位,常用的有两种: px 和 pt 。这两个有什么区别?

    px就是表示pixel , 像素, 是屏幕上显示数据的最基本的点;pt就是point,是印刷行业常用单位,,等于1/72英寸。。


  px是一个点,他不是自然界的长度单位, 点 可以画的很小,也可以画的很大,如果很小了,那画面就清晰,我们称之为“分辨率高” , 反之,就是分辨率低。

 默认设置中,把字体定义为96ppi(像素密度,所表示的是每英寸所拥有的像素数量。因此ppi数值越高,即表示显示屏能够以越高的密度显示图像。显示的密度越高,仿真度越高) 1px = 96 英寸

综上所述

1px = 96 * 1pt / 72

      = 4*1pt / 3

 1pt = 72 * 1px / 96

      = 3 * 1px  / 4

如果是ps这个单位的话1px = 2 ps

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值