About

jhyuk

{{font}} is used to define text styles, for example, size and color. It can also be used to inject CSS. This can be useful when needed to change "I" in Arial to "I" in Times New Roman, since in Arial, uppercase "I" looks the same as lowercase "L".

{{font|TEXT(or「text=TEXT」)|font=FONT|size=SIZE(px/em/pt/%)|color=COLOR|bgcolor=BACKGROUND COLOR|css=CSS}}

Examples

jhyuk
Markup Display
{{font|text=Some text.|font=|size=|color=}} Some text.
{{font|text=Some text.|font=Comic Sans MS|size=20px|color=#7f5620}} Some text.
{{font|Illinois|font=Times New Roman|size=20px}} Illinois
{{font|Illinois|font=Arial|size=20px}} Illinois
{{font|啡色的文字。|font=標楷體|size=20px|color=#7f5620}} 啡色的文字。
{{font|text=Hello World!|font=Century Gothic|size=35px|color=#bf00bf}} Hello World!
{{font|text=囧囧囧囧囧|font=Simhei|color=#c9b295|bgcolor=#364d6a}} 囧囧囧囧囧
{{font|text=可以選用全部選項。|font=Simhei|size=20px|color=#5a7aad|bgcolor=#f9f9ef}} 可以選用全部選項,
{{font|text=也可以只選用其中一項選項。|size=25px}} 也可以只選用其中一項選項。

Defaults

jhyuk
Parameter Default
font Sans-serif
size 100%
color black
bgcolor transparent

Limitations

jhyuk

This template should not be used around multiple paragraphs. For example, it should not be used around multiple bullet or numbered points or more than one cell of a table. It may, however, surround as many uses of <br /> as desired.

Template data

jhyuk
This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. Click here to see a monthly parameter usage report for this template based on this TemplateData.

TemplateData for Font

Template data parameterlist

Set text font, size, and color.

Template parameters

ParameterDescriptionTypeStatus
texttext

no description

Unknownoptional
11

no description

Unknownoptional
fontfont

no description

Unknownoptional
sizesize

no description

Unknownoptional
colorcolor

no description

Unknownoptional
bgcolorbgcolor

no description

Unknownoptional
titletitle

no description

Unknownoptional
csscss

no description

Unknownoptional

See also

jhyuk
Font size templates
Code Size Semantics Result
{{small|text}}
{{smaller|text}}
85% <small> text
{{resize|text}} 90% none text
{{midsize|text}} 92% none style="font-size:92%;line-height:1.30em;">text
none 100% none text
{{larger|text}} 110% none text
{{big|text}} 120% <big> text
{{large|text}} 125% none text
{{huge|text}} 180% none text
{{resize|x%}} custom none varies
{{font|size=x%}} custom none varies