browser - 为什么 Photoshop 设计显示的字体比真实浏览器中的要小？

Question

我们已经获得了 Photoshop 为网站创建的规范。它为不同的项目（以磅为单位）提供特定的基于像素的面板宽度和各种字体大小。

例如，数据网格中的文本是 12pt Verdana。网格为 765px 宽。

当在浏览器（Chrome 或 IE）中以 100% 渲染时，网格为 765 像素，如预期的那样，但字体看起来比设计大（在浏览器中大约大 20-25%）。

我们怀疑 Photoshop 中的 DPI 设置可能是一个原因，但如果有的话，它们应该会产生相反的效果（Photoshop 文档设置为 72DPI，Windows/浏览器渲染为 96DPI）。

对我们忽略的内容有什么建议吗？应该以 96DPI 创作 Photoshop 文件吗？

score 1 · Accepted Answer

Here is another discussion about pt vs px in photoshop and how you can change to px instead. Maybe it helps :)

score 1 · Accepted Answer

1

确保您的 Photoshop 文档设置为 72ppi，然后它将匹配浏览器大小

于 2015-08-21T11:00:01.173 回答

score 0 · Accepted Answer

在 CS2 下，它是一个简单的过程，进入编辑菜单 -> 首选项子菜单 -> 单位和标尺，然后将单位类型更改为像素。

3 回答 3