Fix fonts not working on some browsers

What does this MR do and why?

This resolves an issues where the locally hosted fonts do not load in some environments.

How to set up and validate locally

Chrome - Start Crafty, open dev tools, select some text, go to the computed tab and scroll to the very bottom to see the font that is rendered. Firefox - open dev tools, select text, verify the correct font is rendered in the fonts tab

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• Have you checked this doesn't interfere/conflict/duplicate someone elses work?
• Have you fully tested your changes?
• Have you resolved any lint issues?
• Have you assigned a reviewer?
• Have you applied correct labels?