1

Google の素材アイコンhttps://design.google.com/icons/をフォントとして使いたいのですが、ブラウザの対応が心配です。どの CSS、フォールバックなどを使用するためのガイドはありますか? ブラウザのスニッフィングを行う必要がありますか? 既知の制限事項は何ですか?

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet">

<i class="material-icons edit_icon">more_vert</i>

ie9以下の場合、以下のスニペットを使用するように言われていますが、IE 11のIE 9用エミュレーターでは空白です。実際のIE9では機能しますか?

<i class="material-icons">&#xE5D4;</i>

ブラウザのスニッフィングを行う必要がありますか、それとも両方を含めて、ブラウザは一方のみを表示することを知っていますか?

このページには、モバイルhttps://github.com/google/material-design-icons/issues/179に関する問題が一覧表示されており、このWhy Google Material Icons Can't be Show on Mobile も同様です。彼らはさまざまなソリューションを提供しています。

十分にテストされた決定的なガイドはありますか? 世界はこれらのアイコンをフォントとして使用する準備ができていないのでしょうか?

4

1 に答える 1

0

一般的に、ブラウザのサポートにはアイコン フォントが最適で、IE6 までさかのぼります。

Google Material Icons は、スクリーン リーダーを使用しているユーザーがアイコンが何であるかを理解するのに役立つ最先端のものを使用しています。顔のアイコン:

<i class="material-icons">face</i>

これは合字と呼ばれ、それほどサポートされていません (IE 10) が、クライアント/プロジェクトのニーズによって異なりますが、それでもかなり優れています。以前は、スクリーン リーダーがアイコンの ID を読み上げないようにするために aria-hidden を使用していました。これは、さらに読むのに役立つかもしれない記事です。

于 2016-09-13T13:03:07.687 に答える