Can anyone assist with an issue I am encountering on my website? When viewed in IE 11, the text on some headings and paragraphs flashes between Times New Roman and the specified font-face type before settling on the correct font. This all happens in less than a second.
EDIT: A demo showcasing this problem can be accessed here. The code used is as follows:
<html>
<head>
<style type="text/css">
@font-face {
font-family: MontserratBold;
src: url(MontserratBold.ttf);
}
</style>
</head>
<body style="background: red">
<p style="font-family: 'MontserratBold'">jkflasdfas faks faksfj </p>
</body>
</html>