如何将Photoshop中正确的字体大小导入iOS?

12

我有一个在psd文件中设计的页面。因此,我将所有文本属性(字体名称、大小(以pt为单位)、颜色等)复制到代码中并运行它。我进行了截图并将其与设计进行了比较。

我想知道,为什么iOS(在我的情况下)渲染字体大小(以pt为单位)比Photoshop小?

pt值是否取决于屏幕分辨率?也许有一个辅助函数可以从像素大小计算它吗?


这个问题几乎与iPhone和Mac字体问题相同。 - Jim DeLaHunt
这里有一个非常好的答案,看起来非常准确:https://dev59.com/0nNA5IYBdhLWcg3wL6sc#6107836 - Skotch
3个回答

14

我认为最简单的方法(不确定是否最准确)是从Photoshop中获取像素值(而不是点值),然后使用这些值。假设你正在设计大小为320x480(非Retina)的Photoshop文件,这个方法应该可以很好地工作并且相当准确。

下面是一个示例,左边是Photoshop中大小为12px的字体,右边是在iOS模拟器上大小为12pt的字体。 样本12px与12pt


13
抱歉挖起一个老问题;但是如果有人通过谷歌搜索到这里,我已经成功地匹配了字体大小,如果您将Photoshop设置为使用326像素/英寸的DPI,并在“单位和标尺”设置下将类型单位设置为像素。 - Lachlan McDonald
如果您将此放在答案中(而不是评论中),我会点赞它。 - eliot

1
您需要将文档分辨率更改为144像素/英寸,并保持屏幕宽度为640像素(纵向方向)。 转到图像>图像大小>分辨率。

0

Photoshop视网膜图片-12Pt = Ios-6Pt(X=2*Y) Photoshop非视网膜图片-12pt = Ios-12pt(X=Y)


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接