バックスラッシュの表示テスト

Tweet はてなブックマーク TOPSY

目次

  1. う〜む
  2. Sans-serif, プロポーショナル・ゴシック系
  3. Serif, プロポーショナル・明朝、etc
  4. Monospace, 等幅
  5. 備考

う〜む

う〜む、絶対確実な方法はないですねぇ。

  1. 確実に入ってそうな欧文フォントを指定する
  2. span 要素に lang="en" を指定する

でも、どのOSにも確実にある欧文フォントってあるかなぁ。Linuxでも標準設定がモナーフォントだとYenマーク(Yenサイン?)になりますし。

※ これとは逆に、バックスラッシュ (\ = \, \ or = \) としてでなく、
円マークとして確実に表示させるなら、実体参照 (¥ = ¥)、 数値文字参照 (¥ = ¥, or ¥ = ¥) を使いませぃ。

font-family5CA5ゼロ(O)(i)(l)(Q)(I)あいうえお
無指定 \ ¥ 0 O i l Q I あいうえお
無指定 (lang="en") \ ¥ 0 O i l Q I あいうえお
Sans-serif \ ¥ 0 O i l Q I あいうえお
Sans-serif (lang="en") \ ¥ 0 O i l Q I あいうえお
Serif \ ¥ 0 O i l Q I あいうえお
Serif (lang="en") \ ¥ 0 O i l Q I あいうえお
Monospace \ ¥ 0 O i l Q I あいうえお
Monospace (lang="en") \ ¥ 0 O i l Q I あいうえお

※ 完全じゃないです。font-family は一つのみ指定してます。指定フォントがない環境では標準設定のフォントで表示されます。

Sans-serif, プロポーショナル・ゴシック系

font-family5C"en"A5"en"ゼロ(O)(i)(l)(Q)(I)あいうえお
無指定 \ \ ¥ ¥ 0 O i l Q I あいうえお
Sans-serif \ \ ¥ ¥ 0 O i l Q I あいうえお
Sans-serif (lang="en") \ \ ¥ ¥ 0 O i l Q I あいうえお
メイリオ \ \ ¥ ¥ 0 O i l Q I あいうえお
Meiryo UI \ \ ¥ ¥ 0 O i l Q I あいうえお
MS Pゴシック \ \ ¥ ¥ 0 O i l Q I あいうえお
MS UI Gothic \ \ ¥ ¥ 0 O i l Q I あいうえお
游ゴシック \ \ ¥ ¥ 0 O i l Q I あいうえお
MS Sans Serif \ \ ¥ ¥ 0 O i l Q I あいうえお
Arial \ \ ¥ ¥ 0 O i l Q I あいうえお
Verdana \ \ ¥ ¥ 0 O i l Q I あいうえお
Tahoma \ \ ¥ ¥ 0 O i l Q I あいうえお
Lucida Sans Unicode \ \ ¥ ¥ 0 O i l Q I あいうえお
Calibri \ \ ¥ ¥ 0 O i l Q I あいうえお
Corbel \ \ ¥ ¥ 0 O i l Q I あいうえお
Candara \ \ ¥ ¥ 0 O i l Q I あいうえお
Impact \ \ ¥ ¥ 0 O i l Q I あいうえお
Trebuchet MS \ \ ¥ ¥ 0 O i l Q I あいうえお
VL Pゴシック \ \ ¥ ¥ 0 O i l Q I あいうえお
IPA モナー Pゴシック \ \ ¥ ¥ 0 O i l Q I あいうえお
Mona \ \ ¥ ¥ 0 O i l Q I あいうえお
Takao Pゴシック \ \ ¥ ¥ 0 O i l Q I あいうえお
Migu 1P \ \ ¥ ¥ 0 O i l Q I あいうえお
さざなみゴシック(※等幅) \ \ ¥ ¥ 0 O i l Q I あいうえお
Osaka \ \ ¥ ¥ 0 O i l Q I あいうえお

Serif, プロポーショナル・明朝、etc

私の環境では、同じIE8でも XP と 7 でかなり違いありますなぁ。

UTF-8 ページでは...

Firefox ではすべてMS P明朝でした。

font-family5C"en"A5"en"ゼロ(O)(i)(l)(Q)(I)あいうえお
無指定 \ \ ¥ ¥ 0 O i l Q I あいうえお
Serif \ \ ¥ ¥ 0 O i l Q I あいうえお
Serif (lang="en") \ \ ¥ ¥ 0 O i l Q I あいうえお
MS P明朝 \ \ ¥ ¥ 0 O i l Q I あいうえお
MS 明朝(※等幅) \ \ ¥ ¥ 0 O i l Q I あいうえお
游明朝 \ \ ¥ ¥ 0 O i l Q I あいうえお
Times New Roman \ \ ¥ ¥ 0 O i l Q I あいうえお
Times \ \ ¥ ¥ 0 O i l Q I あいうえお
MS Serif \ \ ¥ ¥ 0 O i l Q I あいうえお
Georgia \ \ ¥ ¥ 0 O i l Q I あいうえお
Cambria \ \ ¥ ¥ 0 O i l Q I あいうえお
Constantia \ \ ¥ ¥ 0 O i l Q I あいうえお
Comic Sans MS \ \ ¥ ¥ 0 O i l Q I あいうえお
Symbol (Symbol) \ \ ¥ ¥ 0 O i l Q I あいうえお
Webdings (Webdings) \ \ ¥ ¥ 0 O i l Q I あいうえお
Batang \ \ ¥ ¥ 0 O i l Q I あいうえお
IPA モナー P明朝 \ \ ¥ ¥ 0 O i l Q I あいうえお
Takao P明朝 \ \ ¥ ¥ 0 O i l Q I あいうえお
さざなみ明朝(※等幅) \ \ ¥ ¥ 0 O i l Q I あいうえお

Monospace, 等幅

font-family5C"en"A5"en"ゼロ(O)(i)(l)(Q)(I)あいうえお
無指定 \ \ ¥ ¥ 0 O i l Q I あいうえお
Monospace \ \ ¥ ¥ 0 O i l Q I あいうえお
Monospace (lang="en") \ \ ¥ ¥ 0 O i l Q I あいうえお
MS ゴシック \ \ ¥ ¥ 0 O i l Q I あいうえお
MS 明朝 \ \ ¥ ¥ 0 O i l Q I あいうえお
Courier New \ \ ¥ ¥ 0 O i l Q I あいうえお
Courier \ \ ¥ ¥ 0 O i l Q I あいうえお
Consolas \ \ ¥ ¥ 0 O i l Q I あいうえお
VL ゴシック \ \ ¥ ¥ 0 O i l Q I あいうえお
IPA モナー ゴシック \ \ ¥ ¥ 0 O i l Q I あいうえお
IPA モナー 明朝 \ \ ¥ ¥ 0 O i l Q I あいうえお
Takaoゴシック \ \ ¥ ¥ 0 O i l Q I あいうえお
Takao明朝 \ \ ¥ ¥ 0 O i l Q I あいうえお
Migu 1M \ \ ¥ ¥ 0 O i l Q I あいうえお
Osaka−等幅 \ \ ¥ ¥ 0 O i l Q I あいうえお

備考

最終更新日:2014.5.29

Serif, プロポーショナル・明朝、etc」の項に追記。

Takaoフォントを追記。

Miguフォントを追加。

¥ = ¥ 追記。

ちなみに私はこうしてみました。

.backslash {
font-family: 'VL ゴシック','Courier New',Courier,monospace; }

どうでせうか? \

ダウンロード・リンク

Valid HTML 4.01! Valid CSS!