Flying Saucer: CSS Font Sizing Support

Previous Page

Next Page

Flying Saucer XML/CSS2 Renderer

CSS Font Sizing Support

Font sizing support includes: Apart from the standard XHTML h1-h6 elements, you can also size fonts using the xx-small through xx-large styling attributes, as well as proportionately-sized elements using em, %, and ex.

### Table of Absolute versus HX Sizes

CSS abs-size | xx-small | x-small | small | medium | large | x-large | xx-large
HTML Headings | ###### h6 | {n/a} | ##### h5 | #### h4 | ### h3 | ## h2 | # h1
HTML Font | 1 | {n/a} | 2 | 3 | 4 | 5 | 6

### Proportional Sizing using EM Square, EX, and %

0.6em 0.7em 0.8em 0.9em 1.0em 1.1em | 1.2em 1.3em 1.4em 1.5em 1.6em 1.7em | 1.8em 1.9em 2.0em 3.0em
0.6ex 0.6ex 0.7ex 0.8ex 0.9ex 1.0ex 1.1ex | 1.2ex 1.3ex 1.4ex | 1.5ex 1.6ex
60% 70% 80% 90% 100% 110% | 120% 130% 140% 150% 160% 170% | 180% 190% 200% 300%