...

View Full Version : Font sizes change on photoshop to CSS



boogily
12-17-2010, 06:00 AM
I am just curious, but it seems like the fonts are way different in size in photoshop vs. on a web page. For example, my header was 18pt bold in photoshop, but looked really huge on Dreamweaver and online.

What gives?

abduraooft
12-17-2010, 09:48 AM
For example, my header was 18pt bold in photoshop, but looked really huge on Dreamweaver and online. Can we have a link?

Apostropartheid
12-17-2010, 02:26 PM
Point measurements are not screen measurements. If you want the same size, use pixel measurements instead.

boogily
12-17-2010, 04:04 PM
I received a mockup in Photoshop and the font was set to pt. So I changed to px, and the numbers stayed the same! Obviously 20pt and 20px font are different.

I took screenshots and overlayed onto original photoshop file, and discovered that 16pt online was the same as the 20pt used. Is there something jacked with my photoshop, or does this happen normally? I am trying to match pixel to pixel on the mockup

boogily
12-17-2010, 04:05 PM
Can we have a link?

www.happydogwebproductions.com/nerdery

The main article header (reliable...) is set to 16pt, and it matches almost identically to the 20pt on photoshop. huh?

boogily
12-17-2010, 06:26 PM
apparently pt in Photoshop means px in internet. It isn't an exact match, but it is close. Weird.

FJbrian
12-28-2010, 03:27 AM
try working with picas if things ever get funky and you can't explain it.

savantcreative
01-03-2011, 11:13 PM
I am just curious, but it seems like the fonts are way different in size in photoshop vs. on a web page. For example, my header was 18pt bold in photoshop, but looked really huge on Dreamweaver and online.

What gives?
Try using pixel measurements instead point measurements are mostly used for printed material. Hope this helps:)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum