HTML]円マーク(円記号)がバックスラッシュで表示される理由について調べてみました。1.はじめにブログ記事に半角円マーク「\」を入力して投稿すると、実際のページでは半角バックスラッシュで表示されることがあります。例として、下のスクリーンショットは当ブログの記事編集画面です。赤枠部分に円マークを入力しています。下のスクリーンショットは上の記事の実際の表示画面です。円マークがバックスラッシュで表示されていることが分かります。できれば円マークはそのまま円マークで表示したいところです。2.円マークがバックスラッシュで表示される理由1項のサンプルで大体予想がつくと思いますが、円マークがバックスラッシュで表示される理由は、CSSで指定したフォントの問題です。円マークとバックスラッシュは、文字表記は異なりますが、同じコード(Unicode表記でU+005c)を使用しているため、フォントの種類によってこの問題が発生します。おおむね英語フォントではバックスラッシュ、日本語フォントでは円マークになるようです。1項のバックスラッシュになる原因は、下記のようにブログ記事ページのCSSのfont-familyの先頭に欧文フォントを指定していたためです。W3",~3.円マークをそのまま表示する(その1)円マークがバックスラッシュで表示される問題は、以前エントリーした「三点リーダが真ん中に表示されない理由」と同じ対処が適切と思われます。対処案の一つとして、円マークを下記のようにspan要素などで括り、lang属性値「ja」を指定する方法があります。lang="ja">\</span>ただしhtml要素にlang属性を指定しておけば、個別の設定は不要です。...>バックスラッシュにしたい場合は、lang属性「en」を指定します。lang="en">\</span>デフォルトのfont-familyはブラウザに依存するので、上記のHTMLに対応するCSSを個別に設定しておくとよいようです。font-familyのまとめ」をご覧ください。(欧文フォント指定)}html要素にlang属性を設定しているのであれば以下のCSSで大丈夫だと思いますが、完全に確認できてないかもしれないので色々試してみてください。span指定の場合のみCSSを上書き}参考までに上記の設定を行ったサンプルを掲載しておきます。円マークとバックスラッシュを表示するサンプル手修正できない場合はjQueryなどで一括変換する手もありますが、円マークとバックスラッシュの区別がつかない場合は使えません。});});</script><body>\</body>4.円マークをそのまま表示する(その2)円マークは文字実体参照で表記することが可能です。&yen;と記述すれば、円マークで表示することができます。¥ちなみに「&yen;」はUnicodeの「U+00a5」にマッピングされます。冒頭の説明では「U+005c」と書きましたが、「U+00a5」がUnicodeの本来の円マークです。Windowsの場合、キーボードからの円マークの入力は「U+005c」になり、表示を(クライアントツールのフォントに依存しますが)円マークになるようにしているようです。調べただけなので、認識誤り等ありましたらどこかでつぶやいてください。5.参考サイト参考サイトは下記です。ありがとうございました。*必須(非表示)URL(U):情報を保存する?コメントへの返信ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。すべてのご質問にはお答えできない可能性があります。Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。