Template:Font size block
 | This template uses block elements, e.g. See H:DIVSPAN for details. |
 | This template uses TemplateStyles: |
Usage
[edit]General form
[edit]This template renders one or more blocks of text in the appropriate smaller or larger font.
e.g.
{{Font size block|font-size-name=smaller|{{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
[edit]This 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|font-size-name=smaller}}{{lorem ipsum}}{{lorem ipsum}}{{Font size block/e}}
yields
See also
[edit]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.
Font size block
No description.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| 1 | 1 | Text to apply font-sizing to. | String | optional |
| class | class | Additional CSS classes to apply. | String | optional |
| style | style | Additional CSS styles to apply. | String | optional |
| font size name | font-size-name | Named font size to apply.
| String | optional |
| font size | font-size 2 | Manual font size to apply.
| String | optional |