Template:Fs: Difference between revisions

From Step Mods | Change The Game
mNo edit summary
 
(7 intermediate revisions by the same user not shown)
Line 20: Line 20:


==Examples==
==Examples==
'''Code:''' <code><nowiki>{{Fs|30px|This is 30px font.}}</nowiki></code>
'''Code:'''
<pre>{{Fs|1.5rem|This is 1.5rem font.}}</pre>
'''Result:''' {{Fs|1.5rem|This is 1.5rem font.}}


'''Result:''' {{Fs|30px|This is 30px font.}}
<hr class="my-5">
 
'''Code:'''
<pre>This shows how {{Fs|80%|users can mix {{Fs|1.4rem|font sizes {{Fc|orange|and colors}} }} for various}} applications.</pre>
'''Result:''' This shows how {{Fs|80%|users can mix {{Fs|1.4rem|font sizes {{Fc|orange|and colors}} }} for various}} applications.


<hr class="my-5">
<hr class="my-5">


'''Code:''' <code><nowiki>This shows how {{Fs|80%|users can mix {{Fs|25px|font sizes}} for various applications.}}</nowiki></code>
'''Code:'''
<pre>{{Fs|large|{{Fc|bright|Font that is larger}} }} than the default site font</pre>
'''Result:''' {{Fs|large|{{Fc|bright|Font that is larger}} }} than the default site font


'''Result:''' This shows how {{Fs|80%|users can mix {{Fs|25px|font sizes}} for various}} applications.
<hr class="my-5">
 
'''Code:'''
<pre>{{Fs|1.3rem|text=Use the ''text'' parameter when "=" characters are used.}}</pre>
'''Result:''' {{Fs|1.3rem|text=Use the ''text'' parameter when "=" characters are used.}}


<hr class="my-5">
<hr class="my-5">


'''Code:''' <code><nowiki>{{Fs|large|Font that is larger}} than the default site font</nowiki></code>
'''Code:'''
 
<pre>{{Fs|1000|Invalid CSS parameters}} don't affect text size.</pre>
'''Result:''' {{Fs|large|Font that is larger}} than the default site font
'''Result:''' {{Fs|1000|Invalid CSS parameters}} don't affect text size.


== See Also ==
== See Also ==

Latest revision as of 15:55, September 22, 2021

Forum Topic

Purpose & Usage[edit source]

This template is used to change text size.

Info-Logo.png

NOTE

Always use a 'named' second parameter (text) when using this template to color text that includes an equal ('=') symbol to avoid parser errors.

Required Parameters[edit source]

This template uses 'anonymous' and optionally 'named' parameters, and all are required and must appear in a particular order.

First Prameter - font size - Sets the size of text

Values
Any valid CSS font-size ('rem' or '%' units preferred)

Second Prameter - text - Sets the text to be colored

Values
Free text (this parameter can also be 'named' if the text to be sized includes an equal ('=') symbol)

Optional Parameters[edit source]

Not applicable.

Examples[edit source]

Code:

{{Fs|1.5rem|This is 1.5rem font.}}

Result: This is 1.5rem font.


Code:

This shows how {{Fs|80%|users can mix {{Fs|1.4rem|font sizes {{Fc|orange|and colors}} }} for various}} applications.

Result: This shows how users can mix font sizes and colors for various applications.


Code:

{{Fs|large|{{Fc|bright|Font that is larger}} }} than the default site font

Result: Font that is larger than the default site font


Code:

{{Fs|1.3rem|text=Use the ''text'' parameter when "=" characters are used.}}

Result: Use the text parameter when "=" characters are used.


Code:

{{Fs|1000|Invalid CSS parameters}} don't affect text size.

Result: Invalid CSS parameters don't affect text size.

See Also[edit source]

Template:Fc