Good afternoon all,
I have a website and when I first load it up into my browser (after clearing cache), it displays the default arial font instead of my font which is applied via @font-face (in a separate CSS file).
Once I click on any link on my website, it then displays the correct font so it seems like the initial page load is not recognizing the font.
Here is my code:
<title>TSPV-Websites - <?php print($title); ?></title>
<link rel="stylesheet" href="css/fonts.css" />
<link rel="stylesheet" href="css/main_styles.css" />
<link rel="icon" type="image/png" href="images/favicon.ico" />
I thought it may have been something to do with the order of stylesheets within the <head> tag so as you can see I've put my external @font-face file ABOVE the main CSS stylesheet (to make sure the @font-face declaration has been set for the other stylesheet to apply them to elements) but it doesn't seem to have helped in the slightest.
Any thoughts on why?
Anyone had this problem before?
Thank you in advance for your time.