2022.1

1. With Designer open, select the Fonts folder from the Resources tab. Right-click to display
the context menu.
2. Select Web Font.
3. Provide a name for the font, and enter the URL.
This adds a link to the font in the Fonts folder, and the font can be used in your templates. Note
that some email clients are not able to display web fonts used in email messages. In those
scenarios the email will use the fall back font of the client (unless specified differently in a
stylesheet.
When choosing fonts, we suggest adding multiple styles (regular, italic, bold weights etc).
When dedicated font styles are not available, the browser has to synthesize styles such as bold
and italic. You can pick multiple font families and still get one stylesheet URL. For example,
fonts from Google Fonts include all the chosen fonts.
Using a style sheet to point to the font style sheet
This is the legacy method for adding web fonts to Designer. It is also supported, and templates
created using this method will continue to work.
In order to use a remote font, you have to add a remote style sheet that points to a web font style
sheet, for example https://fonts.googleapis.com/css?family=Roboto+Slab. For instructions see
"Using a remote style sheet" on page789.
Remote fonts can be applied to content in a Master page, section, or Snippet. They may be
used in a style sheet and they are automatically added to the Fonts drop-down on the toolbar.
Note that the list of font names is based on the style sheets that are included in the active
section (see "Applying a style sheet to a section" on page794) or, when editing a Snippet, in
the section that was active when the Snippet was opened.
Note
Support for remote fonts in email clients cannot be relied upon, and not all remote fonts
are supported by all browsers. It is therefore recommended to add fallback fonts to the
specific style rules whenever using remote fonts in a Web or Email section (see
"Applying a font" on page824).
Page 827