title: UTF-8 character encoding not working in Firefox
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/11593568/utf-8-issue-in-firefox-response-header-overriding-meta-tag">UTF-8 issue in Firefox - response header overriding meta tag?</a>  </p>
  </blockquote>
  
  
  
  <p>I have a jPlayer playlist that works fine in all browsers except Firefox.</p>
  
  <p>The issue is with non-standard characters, i.e. characters with accents or asian characters.  I have set up a demo playlist so that you can see <a href="http://monthlymixup.com/mixups/july_2012/demo.html" rel="nofollow noreferrer">here</a>.</p>
  
  <p>When I enter the characters in UTF-8 form  (track 1 in the playlist) they work on all browsers except for Firefox, and when I enter them in ISO Latin 1 (track 2 in the playlist) they work in Firefox but no other browsers.</p>
  
  <p>So, for instance in Firefox <code>å¤§å°æ¸æ¿.mp3</code> works, whereas <code>大地書房.mp3</code> doesn't.</p>
  
  <p>When I use <code>大地書房.mp3</code> in the Firebug console I see the following error:</p>
  
  <p>"NetworkError: 404 Not Found - <a href="http://monthlymixup.com/mixups/july_2012/media/simon/03%20????.mp3" rel="nofollow noreferrer">http://monthlymixup.com/mixups/july_2012/media/simon/03%20????.mp3</a>"</p>
  
  <p>So, for some reason <code>大地書房.mp3</code> becomes %20????.  When I inspect the page the link to the audio file shows as <code>大地書房.mp3</code> though.</p>
  
  <p>There is a meta tag for UTF-8 on the demo page, i.e. <code>&lt;meta charset=utf-8 /&gt;</code></p>
  
  <p>My understanding is that Firefox overwrites this with the response header if a default encoding isn't set in FF.  I have however set UTF-8 to be the default encoder and I have checked that the page is using UTF-8 by going to Tools/Page Info (I am on a Mac and I believe this is the way to check the encoding on the page).</p>
  
  <p>So, I'm at a loss as to what is going on, and would be glad of some help.</p>