I am using Photoshop cc (14.2.1). I have a mockup in photoshop which has a font at 14px. I set the font in the browser to be the same, at the same size of 14px, but in the browser the font is smaller. Any ideas why this is?
pt is for print, px is for displays but it doesn't change with browser settings so use em/rem.
Is PT and PX the same? No. Points are traditionally used in print media while Pixels used in screen media. Both are fixed-sized units however with a pixel equal to one dot on your screen and a point equal to 1/72 of an inch.
Points (pt) as CSS font size Points are a unit of measurement used in print. Points are based on an inch on a ruler, and one inch is equal to 72 points. This unit also varies greatly between different browsers and screens when used in CSS.
Photoshop method :
Go to photoshop> edit> preferences > General> Units and Rulers [or press ctrl + k then select units and rulers]
Change Units as per your wish. select : Rulers as Pixel. Type as pixel.
This will give you font sizes in pixel.
Alternate method : Use this conversion table to convert your unit to pixels http://reeddesign.co.uk/test/points-pixels.html
or use this link
http://www.endmemo.com/sconvert/pixelpoint.php
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With