Googleなどのアイコンフォントを使いたい。
2021年12月28日
Googleなどのアイコンフォントを使いたい。
アイコンフォントの仕様に関して、サンプルを作成いたしましたので、
添付と、見本環境にてご案内いたします。
(添付ファイルは、環境内にインポートいただければと存じます)
＝＝＝＝＝＝＝＝＝＝＝＝＝
https://lecture-o22.296.works/_sys/
ID：admin
PW：admin
https://lecture-o22.296.works/_cms/widget/$/id/4515/
※下記2つのアイコンを表示させています
https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Asettings%3A
https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Astar_rate%3A
＝＝＝＝＝＝＝＝＝＝＝＝＝
方法としては、以下です。
①ウィジェット内でアイコンフォント用のURLを読み込む
※外部依存CSS の箇所
②テンプレート内にアイコン読み込みのコードを記載
③サンプルでは、入力項目によって異なるアイコンが読み込めるようにしています。
（実際の構築時も、こちらを使う形になるかと存じます）
その他、SVGで吐き出して、テンプレート内に貼り付け、という方法もあります。
（弊社では、外部ファイルを減らしたい時や画像扱いしたい時などにこちらも使います）
