Typography
Guidelines and examples for using typography including global settings, headings, body text, weight, sizes and more.
Font Family
This template uses the open-source typeface Fira Sans. Designed to integrate with the character of the Mozilla FirefoxOS, the Fira typefaces also aim to cover the legibility needs for a large range of handsets varying in screen quality and rendering.
Light
Regular
Medium
Semibold
Bold
font-family: 'fira-sans', sans-serif;Headings
Below is an example of heading tags or using classes that you can use in your page such as page titles, etc.
Responsive Dashboard & App Template
Responsive Dashboard & App Template
Responsive Dashboard & App Template
Responsive Dashboard & App Template
Responsive Dashboard & App Template
Responsive Dashboard & App Template
Lead
Make a paragraph stand out by adding lead class.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
<p class="lead">Vivamus...</p>Inline Text Elements
Styling for common inline HTML5 elements.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>Blockquotes
For quoting blocks of content from another source within your document.
Two things are infinite: the universe and human stupidity; and I'm not sure about the universe.
<blockquote>...</blockquote>