All Text Examples |
---|
Font Family
<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>
The markup and classes used to produce this example:
<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>
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.