問題タブ [woff2]

Bootstrap フォントが glyphicons-halflings-regular.woff2 を正しくロードしない。

Chrome コンソールにエラーが表示されます。

コンソールにエラーが表示されないように、適切にロードするための解決策はありますか?

私は Google フォントを使用しており、WOFF2 ファイルが実際にどのくらいの大きさになるかを確認しています。

テストするために、API http://fonts.googleapis.com/css?family=PT+Sans+Narrow&text=helloを介してフォントをロードし、出力を確認しました

そして、ファイルhttp://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4UU-p1xzoRgkupcXIqgYFBc.woff2を物理的にダウンロードしました

どうやら2kb を超えているのを見てショックを受けました。

どうすればいいの？「こんにちは」のグリフです。

比較するために、フォント全体 (同じ手法を使用してすべてのグリフ) を読み込んだところ、37kbのファイルができました。

カスタム フォントのファイル サイズを小さくする必要があると考えるのは、単純な考えですか? または、これをさらに圧縮する方法はありますか？このレートでは、SVG をロードする方が優れているとほとんど考えています...

私は FontAwesome path.less を見ていますが、同じフォントで異なるタイプの束を読み込んでいるようです...

FontAwesome 用にロードされたこれらすべてのフォント タイプが本当に必要なのか、それとも WOFF2 タイプだけが必要なのか?

今まで、私はポール アイリッシュの防弾フォント フェース構文を使用してきました

しかし、caniuse での.woffおよび .woff2 ファイルのサポートを調べたところ、woffは IE9+ でサポートされていると書かれています。このトピックに関するほとんどの記事は 2009 年頃のもので、この記事の執筆時点では 7 年前です。woff がこれほど広くサポートされているのに、本当に ttf、otf、eot、svg を宣言し続ける必要があるのでしょうか?

HTML5 FileSystem API を使用して Web サイト全体をオフラインにしようとしています。これまでのところ、Google の Web サイトから入手した Roboto.woff2 フォントを除いて、問題はありません。基本的に、永続ストレージ内のファイルに書き込むブロブがあります。ただし、実際のページを読み込もうとすると、コンソールに次のように表示されます: ダウンロードされたフォントのデコードに失敗しました: ファイルシステム: http://localhost/persistent/fonts/roboto.woff2 1 OTS 解析エラー: 解凍された WOFF 2.0 のサイズが 0 に設定されていますファイルシステムhttp://localhost/persistent/fonts/で実際のファイルを表示すると、ファイルサイズも異なります。テキスト/プレーンタイプに関係していると思われます。application/x-font-woff、application/x-font-woff2、font/woff2 などを使用してみましたが、これまでのところ何も機能していません。どんな助けでも大歓迎です！

ええ、私はそれが尋ねられ、再び尋ねられている質問であることを知っています. 宿題をしたと思いたいのですが、Web サーバーからフォントを取得していないブラウザーはまだありません (ログによると)。

CSS:

テスト ページは、私のテスト サイト here にあります。選択肢もアイデアも尽きたので、最後の手段としてここで質問することにしました。