前の記事次の記事 astro-iconを使ったアイコンの実装と管理 Astro Webフォント/アイコンフォント第2回 アイコンのスタイリングとスプライト化astroファイルに実装したアイコンのCSSによるスタイリングと、パフォーマンスに配慮したスプライト化の方法について解説します。またIconifyによらないローカルのSVGファイルをアイコンとして実装する方法についても触れます。2023年03月09日(526号)菅野 亜実フロントエンド・エンジニア 目次 前回まで CSSによるアイコンのスタイリング ページ内重複アイコンの共通化 SVGスプライト astro-iconによるSVGスプライト化 繰り返し表示するコンポーネントでSpriteを使う Iconifyのすべてのアイコンが使えるとは限らない ローカルアイコンの組み込み ローカルアイコンの自動ロード ローカルアイコンの自動最適化 まとめ シェア この記事を読むには購読の手続きが必要です購読の手続きへ購読済みの方はログイン月額880円(税込)初めてお申し込みの方は、30日間無料でお使いいただけます
Webフォント/アイコンフォントGoogle Fontsで学ぶWebフォントの基本 最終回2026年03月26日無料公開中 next/font/googleの詳細設定藤田 智朗フロントエンド・エンジニア