Why is my css showing ���? Why is my css showing ���? flask flask

Why is my css showing ���?


Welcome to the fun world of UTF-8!

I've seen this dozens of times in PHP (see UTF-8 all the way through). What you're experiencing is almost certainly a UTF-8 file being delivered as some other character encoding (or vice-versa). I downloaded Bootstrap and Notepad++ identifies them as ANSI encoded. Your web server might be forcing that to use UTF-8. Look at the response headers for something like this

Content-Type: text/css; charset=UTF-8

So your web server is saying it's UTF-8 but it's really not. At which point your browser starts vomiting out , meaning it doesn't recognize the character.

There's a couple of ways to deal with this if that's the case.

  1. Re-encode the file as UTF-8 (Notepad++ can do this for you)
  2. Stop passing a default UTF-8. Your browser will try to identify the encoding

Just for kicks, try loading the CSS directly from the MaxCDN servers

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

They do not pass a UTF-8 header