Typography

Updated: July 29 2015

When it’s used thoughtfully, typography is a powerful brand tool that can add visual meaning to what is communicated. The University of Arizona’s typography communicates clearly and cleanly, and is flexible for a wide range of situations. 

Milo OT is our sans serif font, and Milo Serif OT is our serif font. Because the two fonts are from the same type foundry and are based on the same proportions and structure, they can be used interchangeably in most cases. The examples in the back section of this document illustrate how different typographical hierarchies can influence the tone of a piece. 

 

 


Milo OT

Milo OT is our sans serif font. It is extremely versatile, with nine weights, all with matching italics and small caps, and is appropriate for all uses. 

It works especially well for bold headlines and shorter blocks of body copy. It’s also suited for smaller captions and callouts, as well as disclaimer and legal copy. 

Note: When using Milo OT for body copy or captions, set the tracking between –5 and –10. For use in headlines, set the tracking to +25 or greater. 

Note: Available as Web font.

Alternates: Verdana and Calibri

 


Milo Serif OT

Milo Serif OT is our serif font. It has six weights, all with matching italics and small caps, and is also appropriate for all uses. 

It works especially well for body copy in most pieces, and for headlines in more formal communications. 

Note: When using Milo Serif OT for body copy or captions, set the tracking between –5 and –10. For use in headlines, set the tracking to +75 or greater. 

Note: Available as Web font.

Alternate: Times New Roman and Cambria.

 

Milo Serif OT


Usage

Using type thoughtfully is crucial to making our designs look professional. Follow these tips to make sure our typography is consistent. 

 

LEADING 

Line spacing, called leading, is critical to setting professional-looking type that is easy to read. Leading should be set tight, but not too tight. Both Milo Serif OT and Milo OT generally look best with leading set slightly looser than the default. 

 

Note: A good rule of thumb is to start with leading that is two points higher than the point size of the text. This won’t always be right, but leading can be adjusted most easily from there. 

Leading Examples

 

 

TRACKING Correct letter spacing, called tracking, is needed to make the type easy to read. Outside of headlines, Milo Serif OT and Milo OT should always be tracked slightly tighter than the default setting, and optical kerning should be used when available. 

 

Tracking Examples

 

tags

Sample Print Setting 1

To help determine which fonts work best, think about your communication’s intended usage and audience. 

The following section illustrates sample type combinations that work well together. 

 

 

Example Setting 1

 

Type Sample 1

tags

Sample Print Setting 2

Type Sample 2

 

tags

Sample Print Setting 3

 

tags

Sample Print Setting 4

 

tags

Web Fonts

The University has purchased an enterprise web font license for use with all arizona.edu subdomains for the following font faces:

  • MiloWeb-Medium
  • MiloWeb-Bold
  • MiloWeb
  • MiloSerifWeb-Black Italic 
  • MiloSerifWeb
  • MiloSerifWeb-Black
  • MiloWeb-Italic 

For CSS examples of the Milo font suite in action, visit the fonts page on UA Bootstrap.

The Milo font suite is available for official use by UA employees through a license with FontShop. Please follow the instructions below to ensure compliance with the license. Please do not download the fonts files for any other use, as this will violate the UA license.

How to Get Web Fonts

If you don't see instructions below (in the section titled "How to Add Milo to Your Website"), please fill out the font license agreement form and your permissions will be updated within two business days. If you have any questions, please email brand@email.arizona.edu