Twitter Bootstrapスタイルシステムに精通したことがあるWeb開発者またはWebサイトデザイナーは、
Glyphiconsアイコン (120個)を使用してボタン、ツールバー、リスト内のアイテムなどを設計することを確かに覚えています。 これらのバッジは無料で配布されます(
CC BY 3.0でライセンスされています)。
ただし、これらのアイコンにはすべて共通の欠点があります。ラスタです。 したがって、アイコンに対角要素または曲線要素がある場合、そのようなアイコンを引き伸ばす(大きなボタンまたは
網膜ディスプレイ用 )ことは、品質を不快に損なうことなく失敗します。
Font Awesomeプロジェクトは、この欠点を克服することを目的としており、ラスターではなくベクター形式で同様のアイコンを含むフリーおよびフリー
(CC BY 3.0)フォントの開発を目指しています。 したがって、このフォントのアイコン(「文字」)は、任意のサイズと色を簡単に使用できます。 さらに、すでに120人ではなく、140人がいます。
フォントにはスタイルファイルが付属しているため、Twitter BootstrapでFont Awesomeを特別な努力
なしで使用できます。
結論として、すべての利点について、ラスターと比較してフォントにはいくつかの欠点があります(たとえば、一部のグリフィコンアイコンで使用される半透明およびグレースケールの画像要素を使用できない)が、フォントAwesomeのこれらの欠点は比較的許容できる程度にバイパスされました
フォントを表示するときの多くは、ブラウザだけでなくオペレーティングシステムにも依存します。 ただし、これはどのフォントにも当てはまり、専門家によってこれについて多くのことが言われています(たとえば、2010年10月15日にTypekitブログで公開された記事「
Type rendering:operating systems 」で、例とスクリーンショットが提供されています)。
フォントサイズを拡大すると、レンダリングの違いの多くは多かれ少なかれ隠され、フォントは次のようになります。
![[素晴らしいフォント]](https://habrastorage.org/getpro/habr/post_images/49d/408/dad/49d408dadb70dea8d8e8eec13f64bcf6.png)