Summary
Configure font family
Steps
- Navigate to ‘Administration’ and then select ‘Font family’ option located under ‘Branding’
‘Font family settings’ tab
2. Add a CSS selector to column one, e.g.
p | paragraph |
body | body |
h1 | Heading one |
h3, h4 | Heading three and four |
.breadcrumb | <div class=”breadcrumb”> |
Please note: Other selectors for less common text elements can be identified by using inspect element
3. Add the name of your font family in the second column, e.g. if you uploaded the font face ‘OpenSans-Bold.ttf’ and gave it the CSS font family name ‘Open Sans Bold’, then add this name ‘Open Sans Bold’ to the second column
4. This will link or apply the font face style ‘Open Sans Bold’ to the CSS selector
5. Select ‘Submit’
Remove font family
- You can remove a font family from a selector by selecting the bin icon located next to it
Export font family
- Select ‘Export styles’
‘Font family import’ tab
- Import font family settings by uploading a JSON file from a previous export
- Select ‘Add File’ to view files on your local drive
- Select the font file to add, e.g. ‘intranet_font_family_values.json’
- Select ‘Upload’
- You should see the file name displaying next to the ‘Add File’
- Select ‘Submit’
- View ‘Font family settings’ tab to check font family has been added
Expected result
The font family has been added/updated
Roles/permissions
Brand manager