0

問題例: http://www.osdev.org/squirrel/card.html

問題サンプル2: http://www.osdev.org/squirrel/dejavusans-demo.html

Unicode 6 U+1F0A0–1F0FF 範囲 (Playind Card Block) http://unicode.org/charts/PDF/U1F0A0.pdfのシンボルを使用しようとしていますが、ascii 範囲文字でさえフォントにレンダリングされず、 IE/XP で使用されているフォントには、トランプ ブロックの記号がありません。

DejaVu Sans のバージョン 2.33 ではトランプが追加されました。ttf フォントはhttp://dejavu-fonts.org/wiki/Main_Pageで入手できます。

  • 見つけられるすべての EOT ジェネレーターを試しました。2 番目のサンプルは、 http://www.fontsquirrel.comによって生成されたデモ ページです。
  • CSS フォントの URL が正しく取得されない場合に備えて、IE のみのページを作成してみました。
  • 元のttfでFontForgeを使用して、eotジェネレーターを介してフォントを実行する前に、すべてのファミリ、一意の名前などを一致させました。

ttf をローカル (Windows XP フォント フォルダー) にインストールすると、font-face を使用せずに css font-family を使用して IE でフォントを表示できますが、すべての人にそうするように依頼することはできません。

Windows 7 の IE8 は動作しているように見えますが、Windows XP の IE6、IE7、および IE8 はすべて失敗します。XP では font-face が何もしないようなものです。

助言がありますか?最初にhttp://www.fontsquirrel.comフォーラムで質問しましたが、応答がありません。

編集: 明確にするために、XP の IE は、トランプを空の正方形としてレンダリングします。これは、システムが文字を表示できない場合に使用されるのと同じ「空白」記号です。

4

2 に答える 2

0

2 つのフォントを含めます。最初は IE 用で、残りは他のすべてのブラウザー用です。

@font-face {
  font-family: "SocialFoundicons";
  src: url("//www.tintup.com/public/css/foundation_icons_social/social_foundicons.eot");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SocialFoundicons";
  src: url("//www.tintup.com/public/css/foundation_icons_social/social_foundicons.eot"),
   url("//www.tintup.com/public/css/foundation_icons_social/social_foundicons.eot?#iefix") format("embedded-opentype"),
   url("//www.tintup.com/public/css/foundation_icons_social/social_foundicons.woff") format("woff"), 
   url("//www.tintup.com/public/css/foundation_icons_social/social_foundicons.ttf") format("truetype"), 
   url("//www.tintup.com/public/css/foundation_icons_social/social_foundicons.svg#SocialFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
于 2013-10-03T13:26:49.773 に答える