CSS font size why it doesn't match

I work with graphics that make layout in Photoshop, like everything here. I like to know why, palatino font 14pt / 20pt is one way 100% on screen ...

and the same exact measurement is more in firefox, after entering the same css information in the WordPress stylesheet ...

#maintext p {
 font-family: "Palatino", "Book Antiqua", serif;
 font-size: 14pt;
 line-height: 20pt;
}
+3
source share
2 answers

Dots look different in Photoshop and in browsers.
See below articles:

1) PT difference between Photoshop and browsers: http://www.sherriwyche.com/tools/fontconversion.html

2) PT difference in different browsers: http://css-tricks.com/css-font-size/

+3
source

'em' 'pt',

http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
+1

All Articles