Versions Compared

Old Version 2

changes.mady.by.user Anastasia Cheetham

Saved on

compared with

New Version Current

changes.mady.by.user Anastasia Cheetham

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Include Page
Infusion13:Styles for FSS examplesInfusion13:
Styles for FSS examples
Divsection
classfl-col-mixed-200
{div2:class=fl-col-fixed fl-force-left} {include:FSS text examples navigation} {div2} {div2:class=fl-col-flex} h2. Font Family {html}
Wiki Markup
Column
Include Page
FSS text examples navigation
FSS text examples navigation
Include Page
FSS Links Panel
FSS Links Panel
Column

Font Family

The markup and classes used to produce this example:

Code Block
html
html

<p class="fl-font-serif">This paragraph is styled with a "serif" font.</p>
<p class="fl-font-times">This paragraph is styled with a "Times New Roman"-style font specifically.</p>
<p class="fl-font-sans">This paragraph is styled with a "sans-serif" font.</p>
<p class="fl-font-arial">This paragraph is styled with the "Arial" font specifically.</p>
<p class="fl-font-verdana">This paragraph is styled with the "verdana" font specifically.</p>
<p class="fl-font-
monospace">This paragraph is styled with a "monospaced" font.</p> <p class="fl-font-courier
comic-sans">This paragraph is styled with the "
Courier
Comic Sans
New
MS" font specifically.</p>
{html} The markup and classes used to produce this example: {code:html} 
<p class="fl-font-
serif
monospace">This paragraph is styled with a "
serif
monospaced" font.</p>
<p class="fl-font-
times
courier">This paragraph is styled with
a
the "
Times
Courier New
Roman
"
-style
 font specifically.</p>
<p class="
NOTE: The fl-font-
sans">This paragraph is styled with a "sans-serif" font.</p>
<p class="fl-font-arial">This paragraph is styled with the "Arial" font specifically.</p>
<p class="fl-font-verdana">This paragraph is styled with the "verdana" font specifically.</p>
<p class="fl-font-monospace">This paragraph is styled with a "monospaced" font.</p>
<p class="fl-font-courier">This paragraph is styled with the "Courier New" font specifically.</p>
{code}

{div2}

* 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.