【Blogger】contentプロパティの文字化けを回避する方法
BloggerのxmlでCSSの「contentプロパティ」を使った場合、そのまま入力すると文字化けすることがある。
この文字化けを回避するには「設定したい文字列」を「Unicodeに変換して入力」すれば上手くいくことが多い。
そこで、下記に具体例を挙げて説明したいと思う。
文字化けの具体例
[例] 自動で表示される目次部分に「【目 次】」という文字を表示する
「【目 次】」と直接入力した場合
CSSは「#toc:before{content:"【目 次】";}」と入力している
この場合、「目次」の文字列以外の部分が 文字化け してしまう。
「【目 次】」をUnicodeに変換して入力した場合
CSSは「#toc:before{content:"\3010\76EE\3000\6B21\3011";}」と入力している
この場合、「【目 次】」と正しく表示される。
ツール
Unicode変換ツール
このツールを使って文字列を変換すれば、文字化けを防ぐことができる。
※このツールは「NJ-CLUCKER」さん が制作されたもので、原因についても詳しく説明していらっしゃる
スポンサーリンク
スポンサーリンク
コメント
0 件のコメント :
コメントを投稿