☰

HTML/XHTMLのチェックマーク記号 質問する

tag-icon • tag-icon html xhtml
HTML/XHTMLのチェックマーク記号 質問する

表示する必要があるのはチェックマーク記号(✓ または ✔) を社内 Web アプリ内に作成し、理想的には画像の使用を避けたいと考えています。

XP ボックスでは IE 6.0.2900 以降で動作する必要があり、理想的にはクロスブラウザ (IE + 最新バージョンの FF) である必要があります。

次の例では、ブラウザのエンコードを UTF-8 に設定していますが、ボックスが表示されます (META は問題なく動作します)。デフォルトのフォントは Times New Roman です (問題になるかもしれませんが、Lucida Sans Unicode を試しても効果はなく、Arial Unicode MS も Lucida Grande もインストールされていません)。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
 &#10003; &#10004;
</body>
</html>

ご協力いただければ幸いです。

以下は IE 6.0 および IE 7 で動作します:

<html>
<head>

</head>
<body>
 <span style="font-family: wingdings; font-size: 200%;">&#252;</span>
</body>
</html>

どなたか Windows の FF で確認していただけるとありがたいです。Windows 以外のボックスでは動作しないと思います。

ベストアンサー1

あまりサポートされていない Unicode 値を使用していると思われます。この Unicode 値には、すべてのコード ポイントのグリフが常に存在するわけではありません。
次の文字を試してください。

  • ☐ （0x2610Unicode 16進数 [HTML 10進数: &#9744;]: 空の（チェックされていない）チェックボックス
  • ☑ （0x2611[HTML 小数点: &#9745;]): 前のチェックボックスのチェックされたバージョン
  • ✓ (0x2713[HTML 小数点: &#10003;])
  • ✔ (0x2714[HTML 小数点: &#10004;])

編集:ここで最初のシンボル ☐ / 0x2610 について混乱があるようです。これは空の (チェックされていない) チェックボックスなので、ボックスが表示されている場合は、そのように見えるはずです。これは、チェックされたバージョンである ☑ / 0x2611 の対応物です。

おすすめ記事