Add a custom font

On Google Fonts, choose a font and select Get font, Get embed code, then @import.

Copy the @import line and paste it as the first line of your widget’s custom CSS. Then use the copy-paste example on that widget’s documentation page to apply the font.

Replace the example import and font-family value with the ones Google Fonts provides for your chosen font. Keep a fallback such as sans-serif after the font name.

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");