Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Include Page
Styles for FSS examples
Styles for FSS examples
Section
Column
Include Page
FSS text examples navigation
FSS text examples navigation
Include Page
FSS Links Panel
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.