web-dev-qa-db-ja.com

@ font-faceルールで使用できるフォントがありませんMicrosoftEdge fonts.com

CSS3120を取得しています：Windows10の新しいMicrosoftEdgeブラウザーの@ font-faceルールに使用できるフォントがありません。

私が使用しているフォントはfonts.comからのものであり、私が期待する通常の宣言があります（woff、ttf、svgなど）。

{
font-family:"myfont";
src:url("/dv2/2/asdf.eot?asdf#iefix");
src:url("/dv2/2/asdf.eot?asdf#iefix") format("eot"),url("/dv2/14/asdf.woff2?asdf") format("woff2"),url("/dv2/3/asdf.woff?asdf") format("woff"),url("/dv2/1/asdf.ttf?asdf") format("truetype"),url("/dv2/11/asdf.svg?asdf") format("svg");
}

サイトは引き続きchrome、firefox、およびIE for Windows 10）で正常に動作します。ドメインにあるIcomoonから使用したフォントと、GoogleフォントのフォントはEdgeブラウザーで正常に動作するようです。 。fonts.comでこの問題を抱えている人は他にいますか？

cssfontsmicrosoft-edge
16
GUID_33

Fonts.comに連絡したところ、彼らが提供した解決策（私にとってはうまくいったようです）は、プロジェクトを再公開することでした。 Webフォントの管理とプロジェクトに入ると、再公開ボタンがあります。おそらく数分かかり、その後は機能するはずです。

4
GUID_33

コメント投稿者の1人である@benororのようなローカルバージョンのGoogleFontsを使用していました。私の問題は、woff2フォントへの参照を使用することでした。 Edge woff2形式はまだサポートされていません 。

私の解決策は、@font-face宣言で参照されるフォントファイルを決定するユーザーエージェントに基づくロジックがあるため、GoogleFontsからのフォントの読み込みに戻すことでした。

別のオプションは、woff2の代わりに通常のwoffを使用することでした： http://caniuse.com/#search=woff

6
freb

私は同じ問題を抱えていました、

MSDNドキュメント を読み、localパラメータを追加すると、エラーが消えました。

src:url(sURL) format(fontFormat) local(fontName)

1
sambua