Template:Font/doc

From the AARoads Wiki: Read about the road before you go
Jump to navigation Jump to search

About

{{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".

Use

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

Parameter list

text
The text to be changed.
font
The text's font.
A list of fonts supported by Wikipedia can be found here: Help:Typography#Available fonts.
size
The size of the text. Possible unit include px, em, pt, %.
color
The color of the text.
bgcolor
The background color.
css
A CSS style.


Examples

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

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

Limitations

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

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Font in articles based on its TemplateData.

TemplateData for Font

Template data parameterlist

<templatedata> { "description": "Set text font, size, and color.", "params": { "text": {}, "1": {}, "font": {}, "size": {}, "color": {}, "bgcolor": {}, "title": {}, "css": {} } } </templatedata>

See also

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