私はWeb開発の初心者で、最近Twitter Bootstrapを使い始めました。これは、すでに使用方法を知っているGlyphiconsを使用していることを知っています。しかし、Bootstrap用に構築されていると言っているFontAwesomeにも出くわしました。
2つの違いは何ですか?つまり、一方が他方の代替手段ですか?それとも、別の場所でそれらを使用する必要がありますか?
私はWeb開発の初心者で、最近Twitter Bootstrapを使い始めました。これは、すでに使用方法を知っているGlyphiconsを使用していることを知っています。しかし、Bootstrap用に構築されていると言っているFontAwesomeにも出くわしました。
2つの違いは何ですか?つまり、一方が他方の代替手段ですか?それとも、別の場所でそれらを使用する必要がありますか?
回答:
Bootstrap 2.xxでは、グリフィコンは画像形式であったため、サイズを大きくしたり、色や背景色などを簡単に変更したりすることはできません。ただし、font-awesomeは、サイズ、色、ドロップシャドウなど、CSSの力で実行できるあらゆるものを即座にカスタマイズできるスケーラブルなベクターアイコンを提供します。
Font-awesomeは、新しいアイコンで随時更新されるGlyphyiconsの代替手段です。FatとMdoは、Glyphyiconsの代わりとしてFont-awesomeをブートストラップバージョン3に統合することを計画しています。
私の提案は、font-awesomeでブートストラップを使用することです。最初にブートストラップcssを含め、次にFont-awesome cssを含めて、Glyphyiconsがfont-awesomeによってオーバーライドされるようにします。
更新
では、ブートストラップバージョン3.xxのglyphiconsでも12ピクセルフォントサイズできれいにレンダリングされますフォントフォーマット、となります。最新バージョンのfontawesome、つまり4.01を使用している場合は、fontawesomeで両方のグリフィコンを使用できます。
Font Awesome:-150以上のアイコン-デフォルトのブートストラップフォント(14px)で完璧なピクセル-アイコンは同じサイズではなく、整列するためにそれぞれにカスタムcssが必要です-箇条書き、回転(css3で追加可能)、スタックアイコンがあります、およびスピナーアニメーション(手動で追加できます)グリフィアイコン:-アイコンが少ない-大きいフォントサイズ(16px)でピクセルパーフェクト-同じサイズのアイコン
Font awesomeは、特定のフォントといくつかのcssを使用して「魔法」を作成することによって取得されるベクターアイコンのコレクションです。Glyphiconsはスプライト-css手法を使用します。
両方を使用できます。Bootstrapのファイルの後にcssファイルを追加するだけです。
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
グリフィコンを使用せず、フォントだけを使用したい場合は、ここにアクセスしてBootstrapダウンロードをカスタマイズし、グリフィコンなしで入手する必要があります。