After creating a basic responsive website, I encountered an issue where Mozilla was not loading the CSS properly when the site was hosted on my server. Interestingly, the CSS loaded fine on Chrome and IE when viewed from my computer.
Here is a snippet of the HTML code:
<head>
<meta charset="utf-8">
<title>Mate Ajdukovic | Developer</title>
<link rel="stylesheet" href="css\normalize.css">
<link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css\main.css">
<link rel="stylesheet" href="css\responsive.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
Here's a snippet of the CSS code (from main.css):
body {
font-family: 'Open Sans', sans-serif;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
padding: 0 5%;
}
I'm wondering if the issue lies with the encoding or if there's something specific that needs to be included in the main.css and responsive.css files?
I haven't made any alterations to my Mozilla settings, and I am using version 31.0.
To view the website, you can visit: http://test.mateajdukovic.com
Any insights or help would be greatly appreciated. Thank you!