I am using several different fonts for my website, sarkelliancreed.comule.com, and the fonts are not loading in a certain page: sarkelliancreed.comule.com/contact. In all other pages as far as I can tell the fonts are working. I am using
@import to get the stylesheets from different fonts. The main stylesheet,
main.css, is included with a
<link>. Why aren't the fonts showing up?
Best How To :
According to the CSS standards any @import rules (and @charset rules) must be the first statements in a CSS files. See this link for further info:
So, if you move the @import sections to the top of your CSS file, this may solve your problem.
I also recommend validating your code at the following site: https://jigsaw.w3.org/css-validator/