/
FSS Text - Font family

Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

FSS Text - Font family

Owned by Anastasia Cheetham
Last updated: Jul 19, 2011Version comment

All Text Examples

Font size

Font family

Letter spacing

Text alignment

Colours and Highlight colours

Styles
FSS Documentation

Fluid Skinning System (FSS)
FSS Naming Conventions
FSS Cheat Sheet
Mobile FSS Cheat Sheet

Demos: Columns
Demos: Tabs, Menus, etc.
Demos: Text
Demos: Themes

HTML and CSS Background
CSS Bugs, Gotchas

Still need help?

Join the infusion-users mailing list and ask your questions there.

Font Family

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-comic-sans">This paragraph is styled with the "Comic Sans MS" 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.