Help:Font size templates
This template uses TemplateStyles: |
All Wikisource size templates are relative to the default size. There are two kinds of sizing template: inline and block templates. Inline templates are suitable for use within a paragraph, but can't handle paragraph breaks, and do not adjust line spacing. Block templates can handle paragraph breaks, and adjust line spacing, but are not suitable for use within a paragraph, as they will cause a paragraph break. See H:DIVSPAN for more details.
Font size definition by relative differences using words
The line heights of fonts greater than 100% increase proportionally with the font size. The line heights of fonts less than 100% are not proportional but inherit the line height of the font at the 100% size. The smaller the font, the greater the distance between rows of text. For these, see: Fonts smaller than 100% with proportional line heights. |
Inline template | Block template | Size | 12pt/16px default base[1] |
Sample |
---|---|---|---|---|
{{xxxx-smaller}} | — | 41% | 5pt/6.7px | Lorem ipsum dolor sit amet, |
{{xxx-smaller}} | — | 50% | 6pt/8px | Lorem ipsum dolor sit amet, |
{{xx-smaller}} | {{xx-smaller block}} | 58% | 7pt/9px | Lorem ipsum dolor sit amet, |
{{x-smaller}} | {{x-smaller block}} | 69% | 8pt/11px | Lorem ipsum dolor sit amet, |
{{smaller}} | {{smaller block}} | 83% | 10pt/13px | Lorem ipsum dolor sit amet, |
{{fine}} | {{fine block}} | 92% | 11pt/15px | Lorem ipsum dolor sit amet, |
— | — | 100% | 12pt/16px | Lorem ipsum dolor sit amet, |
{{m-larger}} | {{m-larger block}} | 110% | 13pt/18px | Lorem ipsum dolor sit amet, |
{{larger}} | {{larger block}} | 120% | 14pt/19px | Lorem ipsum dolor sit amet, |
{{x-larger}} | {{x-larger block}} | 144% | 17pt/23px | Lorem ipsum dolor sit amet, |
{{xx-larger}} | {{xx-larger block}} | 182% | 22pt/29px | Lorem ipsum dolor sit amet, |
{{xxx-larger}} | {{xxx-larger block}} | 207% | 25pt/33px | Lorem ipsum dolor sit amet, |
{{xxxx-larger}} | {{xxxx-larger block}} | 249% | 30pt/40px | Lorem ipsum dolor sit amet, |
- ↑ Contemporary web browsers have largely standardized on a default base font size of 12pt or 16px.
100% and smaller font size and style comparisons table
editTemplate | Normal | Bold | Italics | Bold and italics |
---|---|---|---|---|
This is 100% font size. | This is 100% font size. | This is 100% font size. | This is 100% font size. | |
This is 96% font size. | This is 96% font size. | This is 96% font size. | This is 96% font size. | |
{{fine block}} and {{fine}} | This is 92% font size. | This is 92% font size. | This is 92% font size. | This is 92% font size. |
This is 88% font size. | This is 88% font size. | This is 88% font size. | This is 88% font size. | |
This is 84% font size. | This is 84% font size. | This is 84% font size. | This is 84% font size. | |
{{smaller}} | This is 80% font size. | This is 80% font size. | This is 80% font size. | This is 80% font size. |
This is 76% font size. | This is 76% font size. | This is 76% font size. | This is 76% font size. | |
This is 72% font size. | This is 72% font size. | This is 72% font size. | This is 72% font size. | |
{{x-smaller}} {{x-smaller block}} | This is 68% font size. | This is 68% font size. | This is 68% font size. | This is 68% font size. |
{{xx-smaller}} {{xx-smaller block}} | This is 58% font size. | This is 58% font size. | This is 58% font size. | This is 58% font size. |
Fonts smaller than 100% with proportional line heights
editTemplate | Font size | Line height | Block | Inline | Comments |
---|---|---|---|---|---|
{{fs70}} | 70% | inherited | used for fractions {{sfrac}} inline, no paragraph padding | ||
{{fs75}} | 75% | inherited | no paragraph padding | ||
{{fs80}} | 80% | 112% | .50em padding before and after single paragraph | ||
{{fs80/s}} & {{fs80/e}} | 80% | 112% | .50em padding before and after single paragraph | ||
{{fs85}} | 85% | 119% | .50em padding before and after a single paragraph | ||
{{fs85/s}} & {{fs85/e}} | 85% | 119% | .50em padding before and after spanning multiple paragraph(s) or page(s) | ||
{{fs90}} | 90% | 126% | .50em padding included before and after wrapped text. | ||
{{fs90/s}} & {{fs90/e}} | 90% | 126% | .50em padding before and after spanning multiple paragraph(s) or page(s) |