CODEWITHSUNDEEP
browserphotoshopfont-sizedpi
iCollect.it Ltd
iCollect.it Ltd

Reputation: 93551

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?

Upvotes: 2

Views: 1188

Answers (3)

mxrclxst
mxrclxst

Reputation: 142

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

Upvotes: 1

ZelkiN
ZelkiN

Reputation: 1761

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

Upvotes: 0

mindore
mindore

Reputation: 69

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

https://stackoverflow.com/questions/3868627/photoshop-pt-size-conversion-to-web

Upvotes: 1

Related Questions