CSSの擬似セレクタ :before と :after において、content プロパティに日本語を設定すると、表示時に文字化けが起こってしまう場合があります。大半のブラウザでは文字化けが起こらないのですが、マルチブラウザをサポートしなくてはいけないような場合に備え、予防線を張っておく必要があります。 文字化けする要因CSSを外部ファイル定義している場合に起こるCSSファイルの文字コードが Shift_JIS でない (UTF-8 等)文字化け回避方法直接日本語を書くと文字化けする場合がある例えば下記のように直接contentプロパティに日本語で定義した場合、文字化けとなってしまう場合があります。 .test:after { content:"€ユーロ"; }前述の通り、ブラウザ依存による文字化けなので、ブラウザに依存しない方法で記述してあげましょう。 日本語の文字化けを回避する定義方法
![beforeやafter疑似要素のcontentプロパティで日本語の文字化けを回避する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/7ee42686dbf17f3f7a30c5a03ea9339f36cb5271/height=288;version=1;width=512/https%3A%2F%2Fwebllica.com%2Fwp-content%2Fuploads%2Fcss-content-property-mojibake00.png)