Bootstrap フロントエンドフレームワーク Glyphicons フォントアイコン
Bootstrap Glyphicons フォントアイコンツール はじめに
Glyphicons HalflingsBootstrapフレームワークは、組み込みのフリーフォントアイコンライブラリで、250以上の高品質のベクターアイコンが含まれており、インターフェイスの操作、デバイス、ファイルタイプやシナリオの他のタイプをカバーし、高精細表示を達成するために追加の画像をロードすることなく。コア機能
- プラグアンドプレイ：Bootstrap CSSファイルを導入した後、プラグアンドプレイ機能により、アイコンを呼び出すことができます。class="glyphicon glyphicon-xxxx"Bootstrap CSSファイルを使ってアイコンを呼び出すことができます。
- 完全フリー：すべてのアイコンはMITオープンソースプロトコルに準拠しており、ライセンスなしで商用利用が可能です。
- レスポンシブ対応：フォントのレンダリングに基づき、画面の解像度やスケーリングに自動的に適応します。
- 軽量で効率的：複数の画像の代わりに単一のフォントファイル、HTTPリクエストを削減します。使用方法
1.プロジェクトにBootstrap CSSファイルを導入する 2.
2.HTML要素にアイコンクラス名を追加します：
<i class="glyphicon glyphicon-search"></i> 3.CSSでアイコンの色、サイズ、その他のスタイルを簡単に調整できます。適用シナリオ
- ナビゲーションメニューやボタンのアイコン
- フォーム入力ボックスのシンボル
- ステータスインジケータ（成功、エラー、警告など）
- ソーシャルメディアとデバイスのロゴ 注：GlyphiconsはBootstrap 5から削除されたため、Bootstrap 3.xと組み合わせて使用するか、サードパーティのCDN経由でリソースを読み込むことをお勧めします。