1

Glyphs で作成したカスタム フォントを使用しようとしています。一部のシナリオではうまく機能しますが、他のシナリオではまったく機能しません。

FontSquirrel を使用して、Glyphs によってエクスポートされた otf から非 otf フォント ファイルを作成しました (TypeFront を使用した場合を除き、それらを作成/ホストしてくれました)。私が作成した文字は、Unicode の私用領域、具体的には次の範囲にあります: http://www.decodeunicode.org/en/private_use_area/5

動作しているものは次のとおりです: * Firefox と Safari のフォント * opentype フォント ファイルを CSS に含めた場合の Chrome のフォント。

壊れているものは次のとおりです。

  • CSS に opentype フォント ファイルを含めないと、Chrome でフォントが空白になります。
  • このフォントは、IE8/9 では、どのような状況でも空のボックスをレンダリングします。(古いバージョンは確認していません。)

これが私が成功せずに試したことです：

  • フォントをローカルでホストする。TypeFront でそれらをホストします。

  • FontSquirrel および TypeFront によって提供される、最新の最大の防弾フォント フェイス宣言。

元：

@font-face {
    font-family: 'dojofore';
    src: url('ash/oah/css/dojofore-regular-webfont.eot');
    src: url('/ash/oah/css/dojofore-regular-webfont.eot?#iefix') format('embedded-opentype'),                  
         url('/ash/oah/css/dojofore-regular-webfont.ttf') format('truetype'),
         url('/ash/oah/css/dojofore-regular-webfont.woff') format('woff'),
         url('/ash/oah/css/dojofore-regular-webfont.svg#dojoforeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

  • 上記の最初の src 宣言のみを使用します。しかも二枚目だけ。そして2行目の1行目だけ。

  • .htaccess ファイルの変更:

    AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf

上記をすべてのブラウザで美しく機能させるための重要なステップが欠けているに違いないと思います。他の人がそれを行っています (FontAwesome のフォントは私的使用領域にあります)。誰が私が間違っているのか教えてもらえますか?

4

1 に答える 1

1

解決しました。

FontSquirrel を使用すると、フォントを「サブセット化」できます。そうすることで、ユニコードのプライベート領域がより予測通りに動作するようになります。この場合、これは範囲 E400-E500 を与えることを意味しました。

于 2012-05-25T04:16:21.673 に答える