1

私は非常に初心者ですが、ドキュメントに Unicode 文字を追加したいと考えています。すべての Unicode 文字スレッドを読んでみましたが、理解するのが難しく、すべての情報に浸ろうとして頭痛がします。

<doctype html>
<html>
  <head>
    <meta name="description" content="description" />
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta name="keywords" content="keywords" />
    <title>title</title>
    <link rel="stylesheet" href="stylesheet.css" type="text/css" />
  </head>
  <body>
    <div id="idtag">
      &#x1F4D7;
    </div>
  </body>
</html>

#idtag {
  font-family: Tahoma, Helvetica, "Arial Unicode MS", sans-serif;
}

U+1F4D7や本のようなものを追加しようとしていますが、ページを表示すると、四角がくり抜かれているだけです。私のPCにはシンボルがないと思います。以前に Google フォントを使用したことがありますが、必要なのは Javascript だけですか? 私も同じことをしますか？どうすればいいですか？

4

3 に答える 3

2

＆＃x1F4D7の問題は、従来のBMP範囲外であるということです。これらの文字を含むフォントがあるかどうかはわかりませんが、一般的ではありません。

文字がUnicodeで定義されているからといって、すべてのフォントにそれが必要であるとは限りません。BMPの文字（0〜65535のコードポイント）でさえ、すべてのフォントで使用できるわけではありません。

使用されているフォントで使用できない文字を表示する方法はありません。文字がどのように見えるかを示すUnicodeテストページは、画像を送信します:-)

于 2012-07-14T16:36:54.787 に答える
1

使用しようとしている「GREEN BOOK」文字は、Unicode 6 で新しく追加された絵文字の 1 つと思われます。したがって、表示に使用しているフォント ファミリには含まれておらず、非常に大きな Arial Unicode MS にも含まれていません。

OSX および iOS の新しいバージョンでは、Apple Color Emojiフォントでサポートされています。そうでなければ、この文字をサポートするフォントを知りません。日本にもいくつかあると思いますが、Google Webfonts にはほぼ確実にありません。

したがって、この場合、Google Webfonts は役に立ちません。

しかし、本のアイコンを表示するだけなら、画像を使用します。たとえば、名詞 projectから。

フォントとして必要な場合は、FontelloまたはPictos Serverを使用して、選択したアイコンからフォントを生成できます。

アイコンにフォントを使用する方法については、数か月前にCSS-Tricksに関するすばらしい記事がありました。

于 2012-07-14T17:08:21.263 に答える
1

<!doctype html>最初の行のタイプミス（感嘆符付きの 、である必要があります）を除いて、ドキュメントは原則として正しいです。文字は私のFirefoxで正常にレンダリングされます。しかし、これは Firefox がコンピューターにインストールされているフォントをスキャンして文字のグリフを見つけるのに十分なほど賢く、それを含む Symbola フォントをインストールしたために発生します。IE 9 はそれほど賢くはありませんがSymbola、font-familyリストに追加すると文字が表示されます。

これはフォントの問題であり、大きな問題です。Symbola がインストールされることは期待できません (残念ながら、おそらく 10,000 人に 1 人未満のユーザーしかインストールしていません)。あなたが参照しているページには、これを言うフォントサポートページへのリンクがあります. 完全に最新ではないかもしれませんが、フォント サポートの全体像を把握できます。

この目的で Web フォントを使用することを検討するかもしれませんが、これは 1 文字だけを表示するには不釣り合いに思えます。また、何らかの理由でFont Squirrel の @font-face ジェネレーターが Symbola で動作しないようです。

参照: HTML で特殊文字を使用するためのガイド。

PS 文字は白黒に見えますが、CSS を使用して色を設定できます。参照。Unicode標準のSOの質問の色に?

于 2012-07-14T19:57:17.453 に答える