Typography / Icon Set

Typography in design can strongly influence how people react. Careful selection and consistent use of typefaces are just as important as graphics, color and images in creating and solidifying a professional brand.

Print Fonts

Utopia Std
Serif Utopia

Utopia Std, as a transitional typeface, has all the advantages of a traditional serif typeface along with a modern aesthetic. We use Utopia for body copy and large areas of concentrated text because of its legibility. The serifs help the eye travel across long lines of text, increasing reading speed.

Univers Lt Std
Sans Serif Univers

Univers Lt Std is a clean, simple, legible typeface that is versatile and distinctive, yet unobtrusive. We use Univers for shorter text settings, such as tables, charts, graphs, captions, credits and legal language. The simplified letterforms enhance readability of characters at smaller sizes.

Utopia Std and Univers Lt Std are the OneAmerica print font standards. For appliactions or computers that do not support these fonts, please review the Fallback fonts below.

Web

The two main fonts for OneAmerica properties are Noto Serif (Serif) and Roboto (Sans-Serif). Both fonts are available through CDN calls, Noto Serif is available available as an Adobe Typekit and Google Font, while Roboto is a Google Font. Please do not direct to a local directory when calling the fonts. Links to the kits provided below.

Noto Serif
Serif
Roboto
Sans Serif

To embed the Google font library, copy this code into the <head> of your html:

<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">

To use the Adobe Typekit version of Noto Serif, copy this code into the <head> of your html:

<link rel="stylesheet" href="https://use.typekit.net/dzc5xol.css">

Styles

h1. This is a very large header.

Noto Serif/Medium/32px/2.00em

h2. This is a large header.

Noto Serif/Regular/22px/1.38em

h3. This is a medium header.

Roboto/Medium/20px/1.25em

h4. This is a moderate header.

Noto Serif/Regular/18px/1.13em

h5. This is a small header.

Roboto/Bold/16px/1em

h6. This is a tiny header.

Noto Serif/Italic/16px/1em

This is a normal paragraph size

Body 1/Roboto/Regular/15px/1em

Icons

The main OneAmerica icon set is FontAwesome (FA). Like the base fonts, the preferred method of calling the font it through the FontAwesome CDN (or any call that pulls from the main server of Font Awesome and not within a local server directory) Please contact the UI Design team to obtain the proper credentials to call the font.

FA has several weights, for OA purposes, please use only the light, regular and solid. Thin and Duotone present legibility issues that doesn’t preclude their use, but does contribute to them not being included in the use list.

SOLID

REGULAR

LIGHT

THIN

DUOTONE