Seems like crossing the fingers payed off! Just took a bit of a risk and pasted that markup directly into the actual project…seemed to work though! The font is now viewable in different browsers.
Also, the black bars/ lines between the navigation at the right should be gone.