2022.2

Table Of Contents
Itcanalsobeusedinthestylesheets,evenincombinationwithotherfonts,forexample:
body {
font-family: 'MyWebFont', Arial, sans-serif;
}
Usingremotefonts
Adding remote web fonts directly
ThemoststraightforwardmethodforusingwebfontsinDesigneristhis:
1. WithDesigneropen,selecttheFontsfolderfromtheResourcestab.
2. Right-clicktodisplaythecontextmenuandselectWeb Font.
3. Provideanameforthefont,andentertheURL.
ThisaddsalinktothefontintheFontsfolder,andthefontcanbeusedinyourtemplates.
Notethatsomeemailclientsarenotabletodisplaywebfontsusedinemailmessages.Inthosescen-
ariostheemailwillusethefallbackfontoftheclient(unlessspecifieddifferentlyinastylesheet).
Whenchoosingfonts,wesuggestaddingmultiplestyles(regular,italic,boldweightsetc).Whended-
icatedfontstylesarenotavailable,thebrowserhastosynthesizestylessuchasboldanditalic.You
canpickmultiplefontfamiliesandstillgetonestylesheetURL.Forexample,fontsfromGoogleFonts
includeallthechosenfonts.
Using a style sheet to point to the font style sheet
Insteadofaddingwebfontsdirectly,youcanaddaremotestylesheetthatpointstoawebfontstyle
sheet,forexamplehttps://fonts.googleapis.com/css?family=Roboto+Slab.Forinstructionssee"Using
aremotestylesheet"onpage264.
TheseremotefontscanbeappliedtocontentinaMasterpage,section,orSnippet.Theymaybeused
inastylesheetandtheyareautomaticallyaddedtotheFontsdrop-downonthetoolbar.Notethatthe
listoffontnamesisbasedonthestylesheetsthatareincludedintheactivesection(see"Applyinga
stylesheettoasection"onpage267)or,wheneditingaSnippet,inthesectionthatwasactivewhen
theSnippetwasopened.
Note: Supportforremotefontsinemailclientscannotbereliedupon,andnotallremotefontsare
supportedbyallbrowsers.Itisthereforerecommendedtoaddfallbackfontstothespecificstyle
ruleswheneverusingremotefontsinaWeborEmailsection(see"Applyingafont"on
page292).
Page 294