Difference between revisions of "Template:WFont"
Jump to navigation
Jump to search
(added 'back_color' and 'back_rgb' to fields, re-worked the explanation, re-worked the examples) |
(added 'decorate' field; added table with refs to HTML and CSS specs) |
||
Line 1: | Line 1: | ||
<includeonly><span {{ #if: {{{id|}}} | id='{{{id}}}' | }} style='{{ #if: {{{family|}}} | font-family:{{{family}}}; | }} {{ #if: {{{size|}}} | font-size:{{{size}}}; | }} {{ #if: {{{weight|}}} | font-weight:{{{weight}}}; | }} {{ #if: {{{color|}}} | color:{{{color}}}; | }} {{ #if: {{{rgb|}}} | color:rgb({{{rgb}}}); | }} {{ #if: {{{back_color|}}} | background-color:{{{back_color}}}; | }} {{ #if: {{{back_rgb|}}} | background-color:rgb({{{back_rgb}}}); | }}'>{{{text|}}}</span></includeonly><noinclude> | <includeonly><span {{ #if: {{{id|}}} | id='{{{id}}}' | }} style='{{ #if: {{{family|}}} | font-family:{{{family}}}; | }} {{ #if: {{{size|}}} | font-size:{{{size}}}; | }} {{ #if: {{{weight|}}} | font-weight:{{{weight}}}; | }} {{ #if: {{{decorate|}}} | text-decoration:{{{decorate}}}; | }} {{ #if: {{{color|}}} | color:{{{color}}}; | }} {{ #if: {{{rgb|}}} | color:rgb({{{rgb}}}); | }} {{ #if: {{{back_color|}}} | background-color:{{{back_color}}}; | }} {{ #if: {{{back_rgb|}}} | background-color:rgb({{{back_rgb}}}); | }}'>{{{text|}}}</span></includeonly><noinclude> | ||
== Usage == | == Usage == | ||
Line 9: | Line 9: | ||
|size= | |size= | ||
|weight= | |weight= | ||
|decorate= | |||
|color= | |color= | ||
|rgb= | |rgb= | ||
Line 15: | Line 16: | ||
|}}</nowiki></pre></code></div> | |}}</nowiki></pre></code></div> | ||
{| style='border: black solid 1px' | |||
! field !! comment | |||
|- | |||
| <code>id</code> || HTML 4.01 [http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2 element identifier] | |||
|- | |||
| <code>family</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/fonts.html#font-family-prop font family] | |||
|- | |||
| <code>size</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/fonts.html#font-size-props font size] | |||
|- | |||
| <code>weight</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/fonts.html#font-boldness font weight] | |||
|- | |||
| <code>decorate</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/text.html#decoration text decoration] | |||
|- | |||
| <code>color</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/colors.html#colors color] | |||
|- | |||
| <code>rgb</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/colors.html#colors color] | |||
|- | |||
| <code>back_color</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/colors.html#background-properties background color] | |||
|- | |||
| <code>back_rgb</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/colors.html#background-properties background color] | |||
|} | |||
== Examples == | == Examples == |
Revision as of 15:44, 30 March 2008
Usage
Minimum Requirements
{{wFont|
|id=
|family=
|size=
|weight=
|decorate=
|color=
|rgb=
|back_color=
|back_rgb=
|}}
field | comment |
---|---|
id |
HTML 4.01 element identifier |
family |
CSS 2.1 font family |
size |
CSS 2.1 font size |
weight |
CSS 2.1 font weight |
decorate |
CSS 2.1 text decoration |
color |
CSS 2.1 color |
rgb |
CSS 2.1 color |
back_color |
CSS 2.1 background color |
back_rgb |
CSS 2.1 background color |
Examples
This is {{wFont|size=10px|family=monospace|rgb=255,64,128|text=my line|}} of text.
This is my line of text.
This is yet {{wFont|size=large|family=serif|color=orange|back_color=blue|text=more of my|}} of text.
This is yet more of my of text.