h2. Font Family
{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">This paragraph is styled with the "Courier New" font specifically.</p>
{html}
The markup and classes used to produce this example:
{code: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">This paragraph is styled with the "Courier New" font specifically.</p>
{code}
NOTE: The {{fl-font-*}} 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.
|