Defining Font Families
A first step to working with fonts in your theme.
Inserting font family notation in the Theme Designer allows you to apply these fonts throughout your theme, and use them consistently across page and space design.
Navigate to the Font area of the Theme Designer.
Insert naming for each font family, separated by a semicolon.
The font family list is also referred to as a Font Stack.
Format
fontFamily1: "<font name 1>", "<font name 2>", "<font name 3>"; fontFamily2: "<font name 1>", "<font name 2>", "<font name 3>";
Example
fontFamily1: "Helvetica Neue", Helvetica, Arial, sans-serif; fontFamily2: Georgia, Times, "Times New Roman", serif;
- Font names with one word do not need quotes.
- You can add additional families as needed.
- Multiple font weights and styles can be referenced under one family name.
Best Practice
Use highly readable fonts that render well in all browsers.
If would like to define font families that are not on your user's computers, you will need to add web fonts to your theme (or embed them).
