Child pages
  • FSS Text - Font size

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Section
Column
Include Page
Infusion13:FSS text examples navigation
Infusion13:FSS text examples navigation
Include Page
Infusion13:FSS Links Panel
Infusion13:FSS Links Panel
Column

Font Size

(Note that other sizes are also available. See the FSS Cheat Sheet for specifics.)

HTML
<div class="demo-text">
<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>
</div>

The markup and classes used to produce this example:

Code Block
html
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>

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.