Information This site is moving

The Pattern Library is moving to its new home on the Summit design system site.

Go to the Summit site
Pattern Library (ver. 2)

Web font

Open Sans

For websites, use the Google font Open Sans. (Note: print media uses the font Myriad Pro.)

Since Myriad Pro is not a standard Windows font, the font Open Sans will be used. Open Sans is a free Google sans serif typeface designed by Steve Matteson. Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms.

Example:

Heading 1 Cumh sociis natoque penatibus

Cumh sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa jrisus. Donec ullamcorper nulla non metus auctor fringilla.

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna.

Heading 2 Aenean eu leo quamquam venenatis vestibulum

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

  • Nibh Amet Mattis
  • Nibh Amet Mattis
    • Nibh Amet Mattis
    • Nibh Amet Mattis
    • Nibh Amet Mattis
  • Nibh Amet Mattis
  • Nibh Amet Mattis

Heading 3 Aenean eu leo quam pellentesque ornare sem

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Code


<!-- Add the following code in the <head> section of the web page -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>

Usage

The Pattern Library stylesheet sets the Open Sans font family for the entire web page.