問題タブ [roboto]

Roboto フォント ファミリの chrome で問題が発生しています。 これは Firefox では問題なく動作しますが、写真でわかるように
、クロムではとの間に文字の間隔がありません。FL

Material UI (React) に基づいてWebpackで構築されたプログレッシブWeb アプリの場合、Roboto フォントを適切に含めて、アプリが Google サーバーに依存せず、フォントもオフラインで動作するようにするにはどうすればよいですか?

• インストール ページはGoogle フォント ページを参照しているだけですが、これは明らかにフォントを Google サーバーからダウンロードすることを強制します。

• 同様のマテリアル UI の問題が Roboto フォントにも存在しますが、それでもフォント ファイルの提供は Google に依存しています。

• Roboto フォント ファイルを提供する NPM パッケージを見つけましたが、多くのスタイルとフォント形式が提供されており、Material UI が実際に必要とするスタイルがわからないため、これらのファイルを含める方法がわかりません。また、@import を介して単純にこれらのフォント ファミリをインポートすると、パフォーマンスの問題が発生するようです。

では、適切なRoboto ファイルをアプリケーションにバンドルするための適切でシンプルなソリューションは何でしょうか?

アプリケーションで次のフォントを使用したい - Roboto Medium - Roboto Regular - Roboto Light

マテリアル デザインのドキュメントによると、Roboto フォントはデフォルトで使用できます。

フォントをカスタムとして設定する以外に、Lollipop 以前のデバイスをサポートするために何か特別なことをする必要がありますか?

一部のメーカーはフォントの変更を提供しているため (アプリでサポートしたくない)、このロボットをカスタム フォントとして設定することをお勧めしますか?

カスタムメイドの 3 つの WordPress Web サイトで奇妙な問題が発生しています。テキスト内に四角がランダムに表示されます。これらの四角形は Chrome for Windows でのみ表示されます。正方形はhttps://www.dakcheck.nlで確認できます。問題のスクリーンショットも作成しました。この問題の原因は何か分かりますか?

IE (11) で表示すると、フォントが正しく表示されない角材アプリケーションがあります。Firefox と Chrome では問題はありません。

フォントはリモートで取得されるのではなく、アプリケーション内のリソースとして含まれています。

例として、Chrome\Firefox で次のようなメニューを保持する sidenav コンポーネントがあります。

しかし、IE では次のようになります。

IE でネットワーク トラフィックを調べると、フォント ファイルが正常に取得されていることがわかります。URL を新しいブラウザ タブにコピーすると、フォント ファイルを問題なく開くことができます。

奇妙なことに、IE に対して分度器テストを実行すると、フォントが正常にレンダリングされます。Selenium server\IEdriver がフォントを表示できるようにするために何か違うことをしているのだろうか?

ここで何が問題なのか、誰にでもアイデアはありますか？

ありがとう