Convert px to percent or em with SASS functions. Published 4 yrs ago. When SASS introduced functions in v I could see their potential but up until now I. A chart of font sizes stated in points, pixels, ems, percent and keywords. Point, Pixel, Em, Percent, Keyword, Default sans-serif. Pixels, EMs *, Percents *, Points. 6px, em, %, 5pt. 7px, em, %, 5pt. 8px, em, 50%, 6pt. 9px, em, %, 7pt. Pt is the only method that proports to solve this problem, but it falls flat in practice. For example, I use the following rule:. This way, you need a font size of 18px? November 1, at 2: In IE 6 and below, font-sizes set in pixels cannot be resized by the user. Ideal line width for scanning or reading still remains the same at 45—75 characters for paragraphs which works out at 34rem approx. Em's have a direct relationship to each other in this way. October 14, at 1: In my opinion, all text should be hardcoded to no more than 6px. I find that to be a pain. March 7, at 4: I have been getting heavily into the em and the golden section. As Galwegian mentions, px is the most reliable for web typography, as everything else you do on the page is mostly laid out in reference to a computer monitor. What I am I missing? The cited discussion is from Thanks be to Dr. Note that although the they are pretty close, there are differences in where the lines break and total paragraph height. While I avoided px in the past because of that, the concept of web page zooming as a whole vs.