CSSでcontentに日本語（全角文字）を設定すると文字化けする場合

hoge

contentに全角文字を設定したら、ブラウザで文字化けした。
半角英数字なら文字化けしてないのに～！

p:before{
content:"★";
}

 

 

CSSファイルの文字コードを確認

文字コードをUTF-8で設定しているのに、cssファイルがShift-jisだったりしないか確認する。

メタ文字はエスケープする

今回は関係なかったのだけど、
クォーテーションなどのメタ文字は『￥』（半角の円マーク）でエスケープする必要がある。