I'm building a firefox extension. I need help with changing the font of the app. Using the docs on MDN, here
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
I've written my CSS as follows:
@font-face
{
font-family: family-name;
src: url('OpenSans-Light.ttf');
}
@font-face
{
font-family: familynamebold;
src: url('open-sans.regular.ttf');
}
The font files are stored in same directory as the css file that's trying to load them. When I run the extension, the font doesn't change at all. On inspecting element, the CSS shows font-family: familynamebold;
but I can't see any changes in the font itself.
Is it possible that it's not loading the font files? And if that's the case, then what should I be doing for Firefox to load the files?