This is the template sandbox page for Template:Font (diff). See also the companion subpage for test cases. |
This template is used on approximately 10,000 pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them.
Preview message: Transclusion count updated automatically (see documentation). |
{{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}}
text
font
size
px
, em
, pt
, %
.color
bgcolor
css
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}}
|
也可以只選用其中一項選項。 |
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.
TemplateData for Font
Template data parameterlist
| |||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Set text font, size, and color.
|
Code for inline content | Code for block content | Size | Result |
---|---|---|---|
{{small|text}} {{smaller|text}} |
{{smalldiv|text}} |
85% | text |
{{resize|text}} |
{{resizediv|text}} |
90% | 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 |
{{small}}
or {{smaller}}
: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{resize}}
: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Default: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{large}}
or {{larger}}
or {{big}}
: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{huge}}
: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.