Typography

For all digital applications, the Roboto web font set replaces the original Univers print font set. Roboto web font is a sans serif typeface with a clean, modern look.

Make sure you include the google font script for our branded web fonts:

This will enable us to use the following font family values:

font-family: ‘Roboto’, sans-serif; (weight 300 & 700)
font-family: ‘Roboto Condensed’, sans-serif; (weight 400 & 700)

Headings, Paragraphs and Lists

All HTML headings, (h1) through (h6), are available. As well as ordered lists (ol), unordered lists (ul), pargraph leads (p class=”lead”), small paragraphs (p class=”small”) and more!

Heading 1

Paragraph Lead - Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in odio a libero mattis cursus. Cras ac mi luctus, auctor enim vel, ornare massa.

Heading 2

Heading 3

Please include you OUAC application reference numbers when submitting documentation to McMaster. Inclusion of your applicantion assumenda narwhal occupy, Blue Bottle nihil culpa fingerstache. Meggings kogi vinyl meh, food truck banh mi Etsy magna 90's duis typewriter banjo organic leggings Vice.

Sweater plaid shabby chic kitsch pour-over ex. Try-hard fanny pack mumblecore cornhole cray scenester. Assumenda narwhal occupy, Blue Bottle nihil culpa fingerstache. Meggings kogi vinyl meh, food truck banh mi Etsy magna 90's duis typewriter banjo organic leggings Vice.

Roof party put a bird on it incididunt sed umami craft beer cred.
Carles literally normcore, Williamsburg Echo Park fingerstache photo booth twee keffiyeh chambray whatever.
Scenester High Life Banksy, proident master cleanse tousled squid sriracha ad chillwave post-ironic retro.

Heading 4

Sweater plaid shabby chic kitsch pour-over ex. Try-hard fanny pack mumblecore cornhole cray scenester. Assumenda narwhal occupy, Blue Bottle nihil culpa fingerstache. Meggings kogi vinyl meh, food truck banh mi Etsy magna 90's duis typewriter banjo organic leggings Vice.

Heading 5

Roof party put a bird on it incididunt sed umami craft beer cred.
Carles literally normcore, Williamsburg Echo Park fingerstache photo booth twee keffiyeh chambray whatever.
Scenester High Life Banksy, proident master cleanse tousled squid sriracha ad chillwave post-ironic retro.

Heading 6

Laboris selfies occaecat umami, forage Tumblr American Apparel. Retro Terry Richardson culpa id swag polaroid Intelligentsia American Apparel eu, esse non post-ironic fugiat master cleanse. Direct trade gluten-free blog, fanny pack cray labore skateboard before they sold out adipisicing non magna id Helvetica freegan. Disrupt aliqua Brooklyn church-key lo-fi dreamcatcher.

<h1>Heading 1</h1>
<p class="lead">Paragraph Lead - Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in odio a libero mattis cursus. Cras ac mi luctus, auctor enim vel, ornare massa.</p>
<h2>Heading 2</h2>
<hr>
<h3>Heading 3</h3>
<p><strong>Please include you OUAC application</strong> reference numbers when submitting documentation to McMaster. Inclusion of your applicantion assumenda narwhal occupy, Blue Bottle nihil culpa fingerstache. Meggings kogi vinyl meh, food truck banh mi Etsy magna 90's duis typewriter banjo organic leggings Vice.</p>
<p>Sweater plaid shabby chic kitsch pour-over ex. Try-hard <strong><em>fanny pack mumblecore cornhole cray scenester</em></strong>. Assumenda narwhal occupy, Blue Bottle nihil culpa fingerstache. Meggings kogi vinyl meh, food truck banh mi Etsy magna 90's duis typewriter banjo organic leggings Vice.</p>
<ul>
<li>Roof party put a bird on it incididunt sed umami craft beer cred.</li>
<li>Carles literally normcore, Williamsburg Echo Park fingerstache photo booth twee keffiyeh chambray whatever.</li>
<li>Scenester High Life Banksy, proident master cleanse tousled squid sriracha ad chillwave post-ironic retro.</li>
</ul>
<h4>Heading 4</h4>
<p>Sweater plaid shabby chic kitsch pour-over ex. Try-hard fanny pack mumblecore cornhole cray scenester. Assumenda narwhal occupy, Blue Bottle nihil culpa fingerstache. Meggings kogi vinyl meh, food truck banh mi Etsy magna 90's duis typewriter banjo organic leggings Vice.</p>
<h5>Heading 5</h5>
<ol>
<li>Roof party put a bird on it incididunt sed umami craft beer cred.</li>
<li>Carles literally normcore, Williamsburg Echo Park fingerstache photo booth twee keffiyeh chambray whatever.</li>
<li>Scenester High Life Banksy, proident master cleanse tousled squid sriracha ad chillwave post-ironic retro.</li>
</ol>
<h6>Heading 6</h6>
<p class="small">Laboris selfies occaecat umami, forage Tumblr American Apparel. Retro Terry Richardson culpa id swag polaroid Intelligentsia American Apparel eu, esse non post-ironic fugiat master cleanse. Direct trade gluten-free blog, fanny pack cray labore skateboard before they sold out adipisicing non magna id Helvetica freegan. Disrupt aliqua Brooklyn church-key lo-fi dreamcatcher.</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>