Bootstrap フロントエンドフレームワーク Glyphicons フォントアイコン
Glyphiconsフォントアイコンの説明
コア機能
- プラグアンドプレイ:Bootstrap CSSファイルを導入した後にglyphicon グリフィコンアイコン名
クラス名レスポンシブデザイン:すべてのアイコンはベクターフォントで、異なる画面解像度に自動的に適応します。軽量な統合:追加の画像リクエストはなく、1つのフォントファイルにすべてのアイコンが含まれています。呼び出し方法
1.プロジェクトにBootstrapスタイルファイルを導入します。 2.標準のHTMLタグを使ってアイコンを追加します:<i class="glyphicon glyphicon-search"></i>
3. CSSでサイズ、色、その他のスタイルを調整できる。ベストプラクティス
- セマンティック・コロケーション:アクセシビリティを高めるために、ARIAタグと併用することを推奨します。サイズコントロール:サイズコントロールは以下の方法で実現されるfont-size
幅と高さを固定するのではなく、リサイズするパフォーマンスの最適化:レンダリング効率に影響するアイコンの多用を避ける。バージョンの互換性
Bootstrap 3.xに適しています。Bootstrap 4+では、代わりにSVGアイコンスキームを使用することをお勧めします。