当前位置: 动力学知识库 > 问答 > 编程问答 >

Why would a photoshop design show fonts smaller than in a real browser?

问题描述:

We have been provided with a Photoshop created specification for a website. It gives specific pixel-based panel widths and various font sizes for different items (in points).

For example, the text in a data grid is 12pt Verdana. The grid is 765px wide.

When rendered in a browser (Chrome or IE) at 100%, the grid is 765px as expected, but the font appears larger than the design (around 20-25% larger in the browser).

We suspected the DPI settings in Photoshop might be a cause, but if anything they should have had the opposite effect (Photoshop doc set to 72DPI, Windows/browsers rendering at 96DPI).

Any suggestions on what we are overlooking? Should the Photoshop file be authored at 96DPI?

网友答案:

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

photoshop pt size conversion to web

网友答案:

Make sure your photoshop document is set to 72ppi, then it will match browser size

网友答案:

Under CS2 its a simple process of going into the Edit Menu -> Preferences Submenu -> Units and Rulers then change the units type to pixels.

分享给朋友:
您可能感兴趣的文章:
随机阅读: