I work with graphist that do layout in Photoshop, just like everybody out here. I like to know why, palatino font 14pt/20pt is one way at 100% on screen…
and the same exact measurement is way bigger in firefox, after entering the same css info in the WordPress style sheet…
#maintext p {
font-family: "Palatino", "Book Antiqua", serif;
font-size: 14pt;
line-height: 20pt;
}
Points appear different on Photoshop and on Browsers.
Have a look at below articles:
1) PT difference between Photoshop and browsers: http://www.sherriwyche.com/tools/fontconversion.html
2) PT difference on different browsers:
http://css-tricks.com/css-font-size/