【週刊ドットインストール】 『Vue.js 3入門 応用編』を追加、256timesでカード模写クラスを限定リリース、ミニクイズ更新
【1日1枚】レイアウト力 UP！256times よりカード模写クラスを期間限定リリース
あなただけの学習ロードマップを作成します 【随時受付中】
本のレッスンが完了！
文字起こしはプレミアムプラン向けの機能です
詳しくみる
アイコンを配置したあとに、スタイルを変更していく方法を見ていきます。
Material IconsはGoogle Fontsに移管されたようです（2025年1月現在）。
導入方法としては、
https://developers.google.com/fonts/docs/material_symbols#static_font_with_google_fonts
にあるとおり、
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
を読み込んだあとに、
https://fonts.google.com/icons
からアイコンを検索し、そこに出てくるコードを以下のように貼り付ければOKです。
<span class="material-symbols-outlined">search</span> <span class="material-symbols-outlined">home</span> <span class="material-symbols-outlined">settings</span> <span class="material-symbols-outlined">favorite</span>
このレッスンの問題を報告する
素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です
ソースコードを閲覧するにはプレミアムプランへの登録が必要です
デモを閲覧するにはプレミアムプランへの登録が必要です
補足情報 Material Iconsを使う方法
Material IconsはGoogle Fontsに移管されたようです（2025年1月現在）。
導入方法としては、
https://developers.google.com/fonts/docs/material_symbols#static_font_with_google_fonts
にあるとおり、
を読み込んだあとに、
https://fonts.google.com/icons
からアイコンを検索し、そこに出てくるコードを以下のように貼り付ければOKです。