Typography
Standard Headings
The standard headings are in Calibri Font on PC systems and in Apple System Font on Apple systems
Normal Size and Weight
h1 heading (2.5rem = 40px)
h2 heading (2rem = 32px)
h3 heading (1.75rem = 28px)
h4 heading (1.5rem = 24px)
h5 heading (1.25rem = 20px)
h6 heading (1rem = 16px)
Small Size - Normal Weight
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Light - Weight:300
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Bold
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Display Sizes
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
Body Text Sizes
fs-1 Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
fs-2 Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
fs-3 Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
fs-4 Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
fs-5 Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
fs-6 Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Lead Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
fs-xl Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
fs-lg Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
fs-sm Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
fs-xs Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Special Modifiers
- <a>
- Lorem ipsum dolor sit amet
- <abbr>
- Lorem ipsum
- <code>
-
Lorem ipsum dolor sit amet
- <em>
- Lorem ipsum dolor sit amet
- <del>
-
Lorem ipsum dolor sit amet - <mark>
- Lorem ipsum dolor sit amet
- <small>
- Lorem ipsum dolor sit amet
- <strong>
- Lorem ipsum dolor sit amet
Block Quote
Lorem Ipsum is dummy text of the printing and typesetting industry, used when the real text is not available. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a passage from Cicero's 'De finibus bonorum et malorum' and somewhat scrambled it.
Norman Walsh
Pre-element
$('document').ready(function() {
$("#search").liveSearch({url: 'search.php?q='});
});
Subscript and superscript samples
H2O,
E = mc2,
The 14th of September
Insertion and deletion samples
This information was just added.
While this information is no longer valid.
Text alignment samples
Left aligned text on all viewport sizes.
Center aligned text on all viewport sizes.
Right aligned text on all viewport sizes.