Template:Fs: Difference between revisions

From Step Mods | Change The Game
mNo edit summary
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><span style="font-size:{{{1|1em}}}">{{{2}}}</span></includeonly><noinclude>__NOTOC__ [[Category:Formatting Templates]][https://stepmodifications.org/forum/topic/9769-font-color/ '''Forum Topic''']
<includeonly><span style="font-size:{{{1|1em}}}">{{{text|{{{2|}}}}}}</span></includeonly><noinclude>__NOTOC__ [[Category:Formatting Templates]][https://stepmodifications.org/forum/topic/9769-font-color/ '''Forum Topic''']
 
==Purpose & Usage==
==Purpose & Usage==
Use this template to change text size.
This template is used to change text size.
: <code><nowiki>{{Fs|size|text}}</nowiki></code>
{{Alert|text=Always use a 'named' second parameter (text) when using this template to color text that includes an equal ('=') symbol to avoid parser errors.}}
:: '''size''' = font size; This template accepts any [https://www.w3schools.com/cssref/pr_font_font-size.asp valid CSS value] for font-size.
 
:: '''text''' = displayed text
=== Required Parameters ===
This template uses 'anonymous' and optionally 'named' parameters, and all are required and must appear in a particular order.
 
<span class="salmontx">'''First Prameter - font size'''</span> - Sets the size of text
: '''Values'''
:: Any [https://www.w3schools.com/cssref/pr_font_font-size.asp valid CSS font-size] ('rem' or '%' units preferred)
 
<span class="salmontx">'''Second Prameter - text'''</span> - 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 ===
Not applicable.


==Examples==
==Examples==
<br>
'''Code:'''
'''Code:''' <code><nowiki>{{Fs|30px|This is font is 30px.}}</nowiki></code>
<pre>{{Fs|1.5rem|This is 1.5rem font.}}</pre>
'''Result:''' {{Fs|1.5rem|This is 1.5rem font.}}
 
<hr class="my-5">


'''Result:''' {{Fs|30px|This is font is 30px.}}
'''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>Here's some {{Fs|large|font that is "Larger"}} to the font around it.</nowiki></code>
'''Code:'''
 
<pre>{{Fs|1000|Invalid CSS parameters}} don't affect text size.</pre>
'''Result:''' Here's some {{Fs|large|font that is "Larger"}} to the font around it.
'''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


Retrieved from "https://stepmodifications.org/wiki/index.php?title=Template:Fs&oldid=165560"