Template:Resize/doc

It is to change the font size of a text string.

Usage

• {{resize|N|text}} — N specifies a size, such as "95%", "1.2em", etc.
• {{resize|text}} — If N is omitted, as in the second line above, a default 90% size is applied.
• {{resize|div=yes|text}} — As above but uses a div tag instead of a span tag.

Beware

Beware that if text happens to contain an equality sign (=), it will fail to render properly. Here are the workarounds:

1. Replace all instances of = with {{=}}, or
2. Specify {{resize|N|2=text}} or {{resize|1=text}}.

Also it will fail to wrap multiple blocks, such as multiple paragraphs or multiple bullet points. Here are the workarounds:

1. Use, for example,
   <div style="font-size:90%;">
   ...multiple paragraphs...
   </div>, or
2. Apply this template separately to each block of paragraph, bullet point etc.
3. Use {{resize|div=yes}}.
4. Use {{smalldiv}}.

Examples

Code	Result
{{resize|This text defaults to 90% normal size.}}	This text defaults to 90% normal size.
{{resize|80%|This text is 80% normal size.}}	This text is 80% normal size.
{{resize|1.2em|This text is 0.2em larger than normal.}}	This text is 0.2em larger than normal.
{{resize|We know 1+1=2 and 2+2=4. It will fail to render}}	{{{1}}}
{{resize|We know 1+1{{=}}2 and 2+2{{=}}4.}}	We know 1+1=2 and 2+2=4.
{{resize|1=We know 1+1=2 and 2+2=4.}}	We know 1+1=2 and 2+2=4.
{{resize|120%|2=We know 1+1=2 and 2+2=4. This text is 120% normal size.}}	We know 1+1=2 and 2+2=4. This text is 120% normal size.

Comparison

Font size templates

Code for inline content	Code for block content	Size	Result
{{small|text}} {{smaller|text}}	{{smalldiv|text}}	85%	text
{{resize|text}}	{{resizediv|text}}	90%	text
{{midsize|text}}		92%	text
none	none	100%	text
{{large|text}} {{larger|text}} {{big|text}}	{{largediv|text}}	120%	text
{{huge|text}}		180%	text
{{resize|x%|text}}	{{resizediv|x%|text}}	custom	varies
{{font|size=x%}}		custom	varies

See also

• Category:Resizing templates
• {{smalldiv}}, for wrapping multiple lines of text that cause syntax errors when wrapped by {{resize}} or {{small}}
• font-size - CSS: Cascading Style Sheets | Mozilla Developer Network