Font Awesome:Free Bootstrap(CC BY 3.0)Twitter Bootstrapの無料アイコンフォント

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 」で、例とスクリーンショットが提供されています)。



フォントサイズを拡大すると、レンダリングの違いの多くは多かれ少なかれ隠され、フォントは次のようになります。



[素晴らしいフォント]







All Articles