2025年8月7日木曜日

マテリアル シンボルで、必要なアイコンのみを読み込む

https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&icon_names=home,palette,settings&display=block

マテリアル シンボルガイド  |  Google Fonts  |  Google for Developers
https://developers.google.com/fonts/docs/material_symbols?hl=ja#optimize_the_icon_font

読み込みをやめて、SVGかCSSに置き換えるかなと思っていたんですが

デフォルトを使用する 設定では 3,800 以上のアイコンがすべて読み込まれます。

とのことで、少しのアイコンを使うだけならこちらが推奨されています

アイコン名(合字)はアルファベット順に指定する必要があるので注意

後はガイド下に書かれているように、軸の設定 も入れています

関連エントリ

F(uriouz)

欲しいものリスト / 優先度の高いほしいものリスト / ☕を奢る
Donate 寄付 カンパ サポート Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
詳細プロフィールを表示

0 comments:

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

...

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."