All Text Examples |
---|
Font Size
Note that other sizes are also available. See the Cheat Sheet for specifics.
<div class="fl-font-size-70">
<p>This paragraph is adjusted to 70% of regular size.</p>
</div>
<div class="fl-font-size-100">
<p>This paragraph is adjusted to 100% of regular size.</p>
</div>
<div class="fl-font-size-120">
<p>This paragraph is adjusted to 120% of regular size.</p>
</div>
<div class="fl-font-size-150">
<p>This paragraph is adjusted to 150% of regular size.</p>
</div>
The markup and classes used to produce this example:
<div class="fl-font-size-70"> <p>This paragraph is adjusted to 70% of regular size.</p> </div> <div class="fl-font-size-100"> <p>This paragraph is adjusted to 100% of regular size.</p> </div> <div class="fl-font-size-120"> <p>This paragraph is adjusted to 120% of regular size.</p> </div> <div class="fl-font-size-150"> <p>This paragraph is adjusted to 150% of regular size.</p> </div>
NOTE: The FSS font-size classes are applied to a div surrounding a paragraph element. This would affect all elements contained within the div. It could also be applied to a specific paragraph, if desired.