Michigan Engineering employs two major Sans Serif typefaces for the web: Roboto and Open Sans. In addition, the Serif typeface Sans Playfair Display could be used for print in large amounts of copy. Playfair is a transitional design and pairs itself very well with Roboto and Open Sans.
Typographic hierarchy is the way you stress the significance of certain lines of type as opposed to others. Bring hierarchy into play between a headline, sub-headline and body copy. As a result, you establish and move the order in which the audience receives information from the design. Without using typographic hierarchies, it becomes challenging for readers to promptly identify important pieces of information within the whole design.
Leading (in print) or line-height (in web) is a measure of vertical space between lines. The rule of thumb for leading for conventional continuous text is 20% of the type size (If your type size is 10pt your leading should be 12pt).
Roboto
Roboto is a Google-developed typeface suitable for web and print. It is modern, yet approachable and emotional.
Roboto Thin
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Roboto Light
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Roboto Regular
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Roboto Medium
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Roboto Bold
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Roboto Black
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Examples for Using Roboto Font
Propelling the next generation of engineers
Heavyweight – Messages with Formal, Powerful, Strong appeal – Sentence case
COE: THE CULTIVATOR OF ENGINEERING
All upper case, bolder – Passionate, Singular, Bold
We work with students, faculty and staff
Light weight – Messages with Empathy, Thoughtful appeal, understated, authentic – Sentence case
Open Sans
Opens Sans is a humanist sans serif typeface 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.Open Sans is used in paragraphs for web.
Open Sans Light
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Open Sans Regular
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Open Sans Semi Bold
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Open Sans Bold
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Open Sans Extra-bold
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Playfair Display
Playfair Display is a transitional typeface. It offers high contrasts between the letterform (body) and hairlines (strokes)
Playfair Display Normal
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Playfair Display Medium
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Playfair Display Bold
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0