Template:Font size block/doc
 | This is a documentation subpage for Template:Font size block. It contains usage information, categories and other content that is not part of the original template page. |
 | This template uses TemplateStyles: |
 | This template uses block elements, e.g. See H:DIVSPAN for details. |
Usage
editGeneral form
editThis template renders one or more blocks of text in the respective smaller or larger font.
e.g. {{Font size block|{{lorem ipsum}}}} yields
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
To modify the size of a few words within a block of text, use the appropriate inline template (<span>)—this will modify the span without breaking up the text, and without interfering in block-level properties like line spacing.
As open and close tags
editThis template is also available in an open and close format where the <div> needs to span a page break in the Page namespace.
- {{Font size block/s}} to open
- {{Font size block/e}} to close
- Example
{{Font size block/s}}{{lorem ipsum}}{{lorem ipsum}}{{Font size block/e}}
yields
See also
editAll 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
edit | 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 |
|---|---|---|---|---|
| {{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 | Template:Fine |
| — | — | 100% | 12pt/16px | Lorem ipsum dolor sit amet, |
| {{m-larger}} | {{m-larger block}} | 110% | 13pt/18px | Template:M-larger |
| {{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.