View source for Help:Font size templates

{{uses TemplateStyles|Help:Font size templates/styles.css}}

__TOC__

<onlyinclude>
<section begin="size templates"/>
<templatestyles src="Help:Font size templates/styles.css" />
<div class="relative-size-help">
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 [[:en:H:DIVSPAN|H:DIVSPAN]] for more details.
</div>

== Font size definition by relative differences using words ==

{{Notice|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: [[Help:Font size templates#Fonts smaller than_100% with proportional line heights|Fonts smaller than 100% with proportional line heights]].}}

{| class="font-size-table font-size-template-table"
|-
!Inline template
!Block template
!Size
!12pt/16px<br/>default base<ref>Contemporary web browsers have largely standardized on a default base font size of 12pt or 16px.</ref>
!Sample
|-
| {{tl|xx-smaller}} || {{tl|xx-smaller block}} || 58% || 7pt/9px || {{xx-smaller|Lorem ipsum dolor sit amet,}}
|-
| {{tl|x-smaller}} || {{tl|x-smaller block}} || 69% || 8pt/11px || {{x-smaller|Lorem ipsum dolor sit amet,}}
|-
| {{tl|smaller}} || {{tl|smaller block}} || 83% || 10pt/13px || {{smaller|Lorem ipsum dolor sit amet,}}
|-
| {{tl|fine}} || {{tl|fine block}} || 92% || 11pt/15px || {{fine|Lorem ipsum dolor sit amet,}}
|-
|style="text-align:center;"| — ||style="text-align:center;"| — || 100% || 12pt/16px || Lorem ipsum dolor sit amet,
|-
| {{tl|m-larger}} || {{tl|m-larger block}} || 110% || 13pt/18px || {{m-larger|Lorem ipsum dolor sit amet,}}
|-
| {{tl|larger}} || {{tl|larger block}} || 120% || 14pt/19px || {{larger|Lorem ipsum dolor sit amet,}}
|-
| {{tl|x-larger}} || {{tl|x-larger block}} || 144% || 17pt/23px || {{x-larger|Lorem ipsum dolor sit amet,}}
|-
| {{tl|xx-larger}} || {{tl|xx-larger block}} || 182% || 22pt/29px || {{xx-larger|Lorem ipsum dolor sit amet,}}
|-
| {{tl|xxx-larger}} || {{tl|xxx-larger block}} || 207% || 25pt/33px || {{xxx-larger|Lorem ipsum dolor sit amet,}}
|-
| {{tl|xxxx-larger}} || {{tl|xxxx-larger block}}  || 249% || 30pt/40px || {{xxxx-larger|Lorem ipsum dolor sit amet,}}
|}
<references/>
<section end="size templates"/>
</onlyinclude>

== 100% and smaller font size and style comparisons table==

{| class="wikitable font-size-table green-brown-table font-size-weight-table"
|-
!Template
!Normal
!Bold
!Italics
!Bold and italics
|-
|
|{{fs|100%|This is 100% font size.}}
|{{fs|100%|This is 100% font size.}}
|{{fs|100%|This is 100% font size.}}
|{{fs|100%|This is 100% font size.}}
|-
|
|{{fs|96%|This is 96% font size.}}
|{{fs|96%|This is 96% font size.}}
|{{fs|96%|This is 96% font size.}}
|{{fs|96%|This is 96% font size.}}
|-
|{{tl|fine block}} and {{tl|fine}}
|{{fs|92%|This is 92% font size.}}
|{{fs|92%|This is 92% font size.}}
|{{fs|92%|This is 92% font size.}}
|{{fs|92%|This is 92% font size.}}
|-
|
|{{fs|88%|This is 88% font size.}}
|{{fs|88%|This is 88% font size.}}
|{{fs|88%|This is 88% font size.}}
|{{fs|88%|This is 88% font size.}}
|-
|
|{{fs|84%|This is 84% font size.}}
|{{fs|84%|This is 84% font size.}}
|{{fs|84%|This is 84% font size.}}
|{{fs|84%|This is 84% font size.}}
|-
|{{tl|smaller}}
|{{fs|80%|This is 80% font size.}}
|{{fs|80%|This is 80% font size.}}
|{{fs|80%|This is 80% font size.}}
|{{fs|80%|This is 80% font size.}}
|-
|
|{{fs|76%|This is 76% font size.}}
|{{fs|76%|This is 76% font size.}}
|{{fs|76%|This is 76% font size.}}
|{{fs|76%|This is 76% font size.}}
|-
|
|{{fs|72%|This is 72% font size.}}
|{{fs|72%|This is 72% font size.}}
|{{fs|72%|This is 72% font size.}}
|{{fs|72%|This is 72% font size.}}
|-
|{{tl|x-smaller}} {{tl|x-smaller block}} 
|{{fs|68%|This is 68% font size.}}
|{{fs|68%|This is 68% font size.}}
|{{fs|68%|This is 68% font size.}}
|{{fs|68%|This is 68% font size.}}
|-
|{{tl|xx-smaller}} {{tl|xx-smaller block}}
|{{fs|58%|This is 58% font size.}}
|{{fs|58%|This is 58% font size.}}
|{{fs|58%|This is 58% font size.}}
|{{fs|58%|This is 58% font size.}}
|}

==See also==

* [[Help:Templates]]

[[Category:Template templates]]
[[Category:Help]]