2

Inkscape を使用して一連のアイコン用のカスタム フォントを作成し、無料のオンライン フォント コンバーターと Font Squirrel を使用して、さまざまなフォント タイプ (woff、eot、ttf、svg) と @font-face コードを含めて生成しました。

このフォントは、Google Chrome では ttf、svg、および woff-font を使用し、Internet Explorer 7 および 8 では問題なく動作しますが、FireFox 13 および IE9 では特定のアイコンがレンダリングされません。フォントの他のアイコンは正しく機能するため、ファイルの配信に問題はありません。またChromeでもフォントが動くので、変換は成功したようです。

問題は、使用しているアイコンの種類または形状に関係していると思いますが、これら 2 つのアイコンを使用した他のアイコンと区別するものは特に見つかりません。

この問題は ASP.NET プロジェクトで再現できますが、Font Squirrel が提供するテストファイルをローカルで使用することもできます。

更新:まだ解決策がわかりませんでしたが、同じ TTF フォントが Windows にインストールされている場合、Firefox でも機能することがわかりました。しかし、@font-face を介して参照されると、そうではありません。

4

1 に答える 1

2

フォントまたはフォントの CSS が同じドメインから呼び出されていないという事実と関係があると推測します。Firefox と IE9 の両方で、同じドメイン オリジンの制限が適用されます。したがって、リンク タグまたは CSS フォント フェイス コードでドメインを使用しないでください。

于 2012-07-17T17:20:16.597 に答える