title: CSS Font Face not working in Firefox or IE8
body: <p>My <code>font-face</code> is not working in Firefox or IE8.</p>
  <p>The files are in the correct sport, here is my css code:</p>
  <pre><code>@font-face {
                  font-family: 'SnellRoundhand-Script';
                  src: url('snellroundhandscript.eot');
                  src: url('snellroundhandscript.eot?#iefix') format('embedded-opentype'),
                           url('snellroundhandscript.woff') format('woff'),
                           url('snellroundhandscript.ttf') format('truetype'),
                           url('snellroundhandscript.svg#snellroundhandscript') format('svg');
                  font-weight: normal;
                  font-style: normal;
          }
  </code></pre>
  <p>Could the files be broken? or is there something wrong with my CSS?</p>
  <p>I also have this code below that code:</p>
  <pre><code>@font-face {
                  font-family: 'Zapfino';
                  src: url('Zapfino.eot');
                  src: url('Zapfino.eot?#iefix') format('embedded-opentype'),
                           url('Zapfino.woff') format('woff'),
                           url('Zapfino.ttf') format('truetype'),
                           url('Zapfino.svg#Zapfino') format('svg');
                  
                           
                  font-weight: normal;
                  font-style: normal;
          }
  </code></pre>
  <p>You can view my issues here: <a href="http://hearingaidneeds.com/" rel="nofollow noreferrer">http://hearingaidneeds.com/</a></p>