Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

// request.cf · coarse context

A page that knows where it met you.

Only coarse request metadata is shown. This demo does not display or persist visitor IP addresses.

Country
US
Cloudflare location
CMH
Connection
HTTP/2
Language
Not provided

Ray ID: a229c7fef9e9ceb4

Jump to content

Template:Font/doc

From Wikipedia, the free encyclopedia

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

[edit]

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

Note that for accessibility reasons MOS:FONTSIZE says: "No text should be reduced below 85% of the page's default font size." Also, font sizes should be set as percentages, not fixed font sizes, because: "This improves accessibility for visually impaired users who use a large default font size."

If a table has been set overall to style="font-size:90%;", then setting an individual cell to {{font|size=85%|...}} actually is 0.85 of 0.9 which is 76.5%.

Parameter list

[edit]
text
The text to be changed.
font
The text's font.
A list of fonts supported by Wikipedia can be found here: Wikipedia: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

[edit]
Markup Display
{{font|text=Some text.|font=|size=|color=}}Some text.
{{font|text=Some text.|font=Comic Sans MS|size=20px|color=green}}Some text.
{{font|Illinois|font=Times New Roman|size=20px}}Illinois
{{font|Illinois|font=Arial|size=20px}}Illinois
{{font|Коричневый текст.|font=Times New Roman Cyr|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=You can use all available parameters, |font=Georgia|size=20px|color=#5a7aad|bgcolor=#f9f9ef}} You can use all available parameters,
{{font|text=or just a single one.|size=25px}} or just a single one.

Limitations

[edit]

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

[edit]
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

See also

[edit]
Font size templates
Code for inline contentCode for block contentSizeResult
{{small|text}}{{smalldiv|text}}85%text
{{resize|text}}{{resizediv|text}}90%text
nonenone100%text
{{large|text}}{{largediv|text}}120%text
{{huge|text}}180%text
{{resize|x%|text}}{{resizediv|x%|text}}customvaries
{{font|size=x%}}customvaries