このような文字がなぜ空っぽの箱のように現れるのかを理解しようとしています。ただし、これらは Unicode 文字であり、文字セットは utf-8 です。
そのためのグリフがないのはフォントの問題でしょうか? 何か案は?
詳細: Html ページ、私は firefox 16.0.1、Windows 7 を使用しています
。
このような文字がなぜ空っぽの箱のように現れるのかを理解しようとしています。ただし、これらは Unicode 文字であり、文字セットは utf-8 です。
そのためのグリフがないのはフォントの問題でしょうか? 何か案は?
詳細: Html ページ、私は firefox 16.0.1、Windows 7 を使用しています
。
あなたが持っている文字は、Unicode 文字 'WHITE RIGHT POINTING BACKHAND INDEX' (U+1F449)です。そのページでは、 U+1F449 をサポートするフォントのリンクの背後にある文字をサポートする既知のフォントのリストを見つけることができます。
これらのフォントはいずれも、stackoverflow.com では使用されていないため、空のボックスも表示されます。
これが自分の Web サイトで発生し、それを修正したい場合は、CSS によって webapp と共にサポート フォントを提供する必要があります@font-face
。Font Awesomeとして。はこの<i class="fa fa-hand-o-right">
キャラクターに非常に近いです。
文字 U+1F449 は、2010 年にバージョン 6 で Unicode に追加されました。文字が Unicode に採用されてからフォントで広くサポートされるまでには、通常約 10 年かかります。
これを含むいくつかのフォントには、Symbola と Segoe UI Symbol が含まれるようになりました。どちらかがインストールされている場合は、おそらく表示されます。そうでなければそうではありません。Segoe UI Symbolは Windows 8 に同梱されており、明らかに Windows 7 (少なくともいくつかの亜種) に同梱されています。Symbolaはフリーフォントですので、基本的にダウンロードフォント( 経由@font-face
)としてご利用いただけますが、ファイルサイズがかなり大きくなります。
要素に指定されたフォントにコンテンツ内の一部の文字のグリフが含まれていない場合、Web ブラウザーはフォールバック フォントを使用することになっています。Firefox は一般にこれを実装していますが、特に古いバージョンでは IE は実装していません。そのため、Web ページで文字を使用する場合は、独自の要素でラップし (通常span
は目的のために使用されます)、次のように設定するのが最善です。 CSSでそれ:
font-family: Segoe UI Symbol, Symbola;
ただし、これは (なしで@font-face
) フォントの 1 つを含むコンピューターを使用しているユーザーに対してのみ機能します。
通常、不足しているフォント文字は他のフォントに置き換えられ、UTF-8 はすべての Unicode 文字を表示できるはずです。ファイルのエンコーディング (エディタによるファイルの保存方法) が、HTML ページのメタ タグの宣言と一致していないと思われます。
このW3-checkerでページをチェックすると、ページの問題に関するヒントが得られる可能性があります。
編集:
そうです、それはエンコーディングの問題ではありません。文字数が非常に多いため、「通常の」フォントではサポートされていません。おそらく、これらの ☛ ☞ のいずれかを使用できますが、それ以外の場合は Web フォントを使用する必要があり、Unicode を完全にサポートするフォントは非常に大きくなる可能性があります。