How to Use Woff2 Fonts on Unbounce

You could use this same idea for woff, eot and ttf, but that’s a bit overkill. Woff2 is probably fine.

I recently was given a GitHub repo with some fonts to use on a landing page. Normally, I would download the font files, upload them to my server, and link them with some very simple CSS:

@font-face {
    font-family: 'MyCoolFont';
    src: url('/fonts/my-cool-font-550.woff2') format('woff2');
}

body {
    font-family: 'MyCoolFont', sans-serif;
}