Hi Sam,
Thanks for your response.
I’m using relative URLs, but I’ve also tried adding full URLs with the live link address too.
I have to be honest and say I’m not overly familiar with font-face and setting it up.
Here’s what I’ve got:
@font-face {
font-family: 'Madelyn';
src: local('/assets/fonts/webfontkit/madelyn-webfont.woff') format('font-woff'),
local('/assets/fonts/webfontkit/madelyn-webfont.woff2') format('font-woff-2'),
local('/assets/fonts/Madelyn.ttf') format('truetype'),
url('/assets/fonts/webfontkit/madelyn-webfont.woff') format('font-woff'),
url('/assets/fonts/webfontkit/madelyn-webfont.woff2') format('font-woff2'),
url('/assets/fonts/Madelyn.ttf') format('truetype'),
url('https://futuristic-run.localsite.io/wp-content/themes/wmjg/assets/fonts/webfontkit/madelyn-webfont.woff') format('font-woff'),
url('https://futuristic-run.localsite.io/wp-content/themes/wmjg/assets/fonts/webfontkit/madelyn-webfont.woff2') format('font-woff2'),
url('https://futuristic-run.localsite.io/wp-content/themes/wmjg/assets/fonts/Madelyn.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
I’m not sure if I’m completely messing it up by using multiple sources like that?
Nick