Typography

Proxima Nova is the preferred default typeface with Janson as an optional decorative typeface. You don't need to purchase all weights or styles. At minimum, you would need regular, italic, bold (or semibold) and bold italic (or semibold italic) of Proxima Nova. Other weights and styles are acceptable in addition. Only embed the weights you need to keep page weights down.

Proxima Nova

Proxima Nova requires a license or a Typekit account to use.

Thin (200)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Light (300)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Regualr (400)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Medium (500)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Semibold (600)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Bold (700)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Extra Bold (800)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Black (900)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Janson

MU’s official typeface is Janson and is primarily used with signatures. Requires a license and a tracking @import link that is unique to a specific font kit.

University and unit signatures are graphics, so you do not need the Janson typeface for signatures.

Light (300)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Roman (400)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Medium (500)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Bold (700)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Small Caps (400, no italics)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Monospace

Standard monospaced system font that’s primarily used for code examples. No font embedding needed.

Normal (400)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Type Mixins

There are two mixins to embed fonts. To include a weight, set the weight variable to true. All are set to false by default and weights not used may be omitted.

SASS CSS
@include font-proxima-nova(
    $thin-200:          'false',
    $light-300:         'false',
    $regular-400:       'true',
    $medium-500:        'false',
    $semibold-600:      'true',
    $bold-700:          'false',
    $extrabold-800:     'false',
    $black-900:         'false'
);

/**
 * Add your tracking link for license, unique to each fontkit you build.
 * Include when calling the mixin. Replace '{fontkit-id}' with the number.
 * (This @import is placed at the top of compiled CSS file when compiled.)
 */
 
@import url("//hello.myfonts.net/count/{fontkit-id}"); 
 
@include font-janson(
    $light-300:         'false',
    $roman-400:         'true',
    $medium-500:        'true',
    $bold-700:          'true',
    $smallcaps-400:     'false' // No bold or italic for smallcaps
);

Type Variables

Default variables can be overwritten.

SASS CSS
// Font family

$font-serif:                    'Janson', 'Times New Roman', Times, serif !default;
$font-serif-sc:                 'Janson-SC', $font-serif !default;
$font-sans:                     'Proxima Nova', 'proxima-nova', 'Arial', sans-serif !default; // 'Proxima Nova' is for embedded web fonts & desktop, 'proxima-nova' is for Typekit
$font-monospace:                'source code pro', 'Menlo', 'Courier New', monospace !default; 

$font-default:                  $font-sans;

// Font weights. Aligns with Proxima Nova's weights

$font-thin:                     200 !default; 
$font-light:                    300 !default; 
$font-normal:                   400 !default;
$font-medium:                   500 !default;
$font-semibold:                 600 !default;
$font-bold:                     700 !default;
$font-xbold:                    800 !default;
$font-black:                    900 !default;

$font-bold-default:             $font-semibold !default; // The default bold weight.

// Font path

$font-path:                     '../fonts' !default;

// Base values

$font-family:                   $font-sans !default;
$font-size:                     16 !default;
$font-line-height:              1.5 !default;