はじめに

CSSのBeforeやAfterの疑似要素で、日本語や特殊文字を表示させようとして文字化けしてしまう時ってありますよね？
今回はその対策として文字変換できるサイトをご紹介します。

CSSのBeforeやAfterの疑似要素に入れる用に別の文字列に変換してくれるサービス

まず、このサービスにアクセスして、「 content 設定値の Unicode 変換ツール」にて表示させたいテキストを入力します。

出力されたコードを、該当のcssのcontentに貼り付けます。

p span.example:before{
content: "ここに貼り付けます";
}