{div2:class=fl-col-fixed fl-force-left}
{include:FSS text examples navigation}
{div2}
{div2:class=fl-col-flex}
h2. Font Size
(Note that other sizes are also available. See the [FSS Cheat Sheet] for specifics.)
{html}
<p class="fl-font-size-70">This paragraph is adjusted to 70% of regular size.</p>
<p class="fl-font-size-100">This paragraph is adjusted to 100% of regular size.</p>
<p class="fl-font-size-120">This paragraph is adjusted to 120% of regular size.</p>
<p class="fl-font-size-150">This paragraph is adjusted to 150% of regular size.</p>
{html}
The markup and classes used to produce this example:
{code:html}
<p class="fl-font-size-70">This paragraph is adjusted to 70% of regular size.</p>
<p class="fl-font-size-100">This paragraph is adjusted to 100% of regular size.</p>
<p class="fl-font-size-120">This paragraph is adjusted to 120% of regular size.</p>
<p class="fl-font-size-150">This paragraph is adjusted to 150% of regular size.</p>
{code}
NOTE: The {{fl-font-size-*}} classes are applied to the paragraph tags and so apply only that paragraph. The class could be applied to a {{<div>}} surrounding many paragraphs to apply the style to all paragraphs.
{div2}
|