私は Web 開発の初心者で、最近 Twitter Bootstrap を使い始めました。すでに使用方法を知っているGlyphiconsを使用していることを知っています。しかし、Bootstrap 用に構築されていると書かれているFont Awesomeにも出会いました。
2つの違いは何ですか？つまり、一方は他方の代替ですか？それとも、別の場所で使用する必要がありますか?
57144 次
3 に答える
66
Bootstrap 2.xxでは、 Glyphyiconsは画像形式であったため、サイズを大きくしたり、色や背景色を変更したりすることは簡単ではありません。ただし、font-awesome は、サイズ、色、ドロップ シャドウ、および CSS の力で実行できるあらゆるものを即座にカスタマイズできるスケーラブルなベクター アイコンを提供します。
Font-awesome は、新しいアイコンで随時更新される Glyphyicons の代替手段です。Fat と Mdo は、Glyphyicons の代わりとして、ブートストラップ バージョン 3 に Font-awesome を統合することを計画しています。
私の提案は、font-awesome でブートストラップを使用することです。最初にブートストラップ css をインクルードし、次に Font-awesome css をインクルードして、Glyphyicons が font-awesome によってオーバーライドされるようにします。
アップデート
ブートストラップ バージョン 3.xxでは、グリフィコンはフォント フォーマットになり、12px のフォント サイズでも適切にレンダリングされます。fontawesome の最新バージョン、つまり 4.01 を使用している場合は、両方のグリフィコンを fontawesome で使用できます。
于 2013-06-26T12:14:06.643 に答える
28
素晴らしいフォント: - 150 以上のアイコン - デフォルトのブートストラップ フォント (14px) でピクセル パーフェクト - アイコンは同じサイズではなく、それぞれを整列させるにはカスタム CSS が必要です - 箇条書きリスト、回転 (css3 で追加可能)、スタック アイコンがあります、およびスピナー アニメーション (手動で追加可能)
参照: http://tagliala.github.io/vectoriconsroundup/
于 2013-09-19T23:39:14.190 に答える
12
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 のダウンロードをカスタマイズし、グリフィコンなしで取得する必要があります。
于 2013-06-26T07:56:18.910 に答える