title: Website works in Google Chrome but not Internet Explorer
body: <p>I've checked a few places for an answer but I could not find one, so I thought I'd ask. I created a website on a free HTML5 template (the template was for a photo gallery). The website works fine on Google Chrome and Firefox but for some reason, some stuff like the fonts dont appear in Internet Explorer (tried with and without compatibility settings on IE9). Could this be because of IE's security measures or have I coded it incorrectly?</p>
  
  <p>The website is at <a href="http://www.masidtech.com" rel="nofollow noreferrer">masidtech.com</a></p>
  
  <p>On Chrome it looks like</p>
  
  <p><img src="https://i.stack.imgur.com/WoIoV.jpg" alt="http://masidtech.com/working.jpg"></p>
  
  <p>But on Internet Explorer it looks like </p>
  
  <p><img src="https://i.stack.imgur.com/cKCAj.jpg" alt="enter image description here"></p>
  
  <p>I was going to use paste bin but the pastes look really ugly for source code. </p>
  
  <p>So I have uploaded the entire website to MediaFire at <a href="http://www.mediafire.com/?9m2108pgzyje79t" rel="nofollow noreferrer">http://www.mediafire.com/?9m2108pgzyje79t</a>
  and it's a 7Zip file (or I guess you could view source)</p>
  
  <p>+I am no coding guru so I'd really appreciate if you could throw in some layman and thanks.</p>