Difference between revisions of "Template:WFont"
Jump to navigation
Jump to search
(added 'fstyle' (font-style)) |
|||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<includeonly><span {{ #if: {{{id|}}}|id='{{{id}}}'|}} style='{{ #if: {{{family|}}}|font-family:{{{family}}};|}} {{ #if: {{{size|}}}|font-size:{{{size}}};|}} {{ #if: {{{color|}}}|color:{{{color}}};|}} {{ #if: {{{rgb|}}}|color:rgb({{{rgb}}});|}} {{ #if: {{{ | <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: {{{fstyle|}}} | font-style:{{{fstyle}}}; | }} {{ #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 == | |||
'''Minimum Requirements''' | |||
<div style="font-size:140%"><code><pre><nowiki>{{wFont| | |||
|id= | |||
|family= | |||
|size= | |||
|weight= | |||
|decorate= | |||
|fstyle= | |||
|color= | |||
|rgb= | |||
|back_color= | |||
|back_rgb= | |||
|text= | |||
|}}</nowiki></pre></code></div> | |||
{| border=1 | |||
! 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>fstyle</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style font style] | |||
|- | |||
| <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] | |||
|- | |||
| <code>text</code> || any text | |||
|} | |||
== Examples == | |||
<div style="font-size:140%"><code><pre><nowiki>This is {{wFont|size=10px|family=monospace|rgb=255,64,128|text=my line|}} of text.</nowiki></pre></code></div> | |||
This is {{wFont|size=10px|family=monospace|rgb=255,64,128|text=my line|}} of text. | |||
<div style="font-size:140%"><code><pre><nowiki>This is yet {{wFont|size=large|family=serif|color=orange|back_color=blue|text=more of my|}} of text.</nowiki></pre></code></div> | |||
This is yet {{wFont|size=large|family=serif|color=orange|back_color=blue|text=more of my|}} of text. | |||
</noinclude> | </noinclude> |
Latest revision as of 11:16, 5 February 2009
Usage
Minimum Requirements
{{wFont|
|id=
|family=
|size=
|weight=
|decorate=
|fstyle=
|color=
|rgb=
|back_color=
|back_rgb=
|text=
|}}
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 |
fstyle |
CSS 2.1 font style |
color |
CSS 2.1 color |
rgb |
CSS 2.1 color |
back_color |
CSS 2.1 background color |
back_rgb |
CSS 2.1 background color |
text |
any text |
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.