Google and Adobe Fonts
Site Settings > Design
Under the sections for Body Font and Heading Font, select Google Font from the font family options
Fields for Google Font Link and CSS will appear
On Google, follow the embed instructions to copy-and-paste the code for both fields
To use an Adobe Fonts font, use the same fields.
It is also possible to paste the
@import version of the font embed code into the Custom Styles CSS section. This enables you to import fonts to use on specific page elements. Note that the import line must go above all other CSS code to work.
To use a font that you have a web-font file and license for, please host this font on a server you have access to (with file CORS policy set up to allow access across domains).
To use the font on an Ochre site, you will need to write the font-face CSS rules, where the source URL points to the file location on your server. The suggested CSS is normally provided with the font download.
src: url(https://fonts.gstatic.com/s/karla/v13/qkBbXvYC6trAT7RbLtyU5rZPoAU.woff2) format('woff2'),
To apply the font to a page element, write a CSS rule.
font-family: 'Karla', sans-serif;
In this example the font will be applied to the body element.