2020アイコンフォントを作成した際にwoff2へ変換するやり方を調査したときの覚書。Google先生がGitHubで公開しているプログラムがあったのでインストールしてみた。変換元と同じディレクトリに出力された。思ったより圧縮された。v3からそろそろv5に向けて移行しようかと調査しているときの覚書。今まではアイコンフォントを便利に使っていたけど、これからはSVGアイコンの時代らしい。使い方はsvgファイルを1つのファイルにまとめてIDで呼び出す。node_modules/bootstrap-icons/icons/にsvgファイルがある。これを一つのsvgファイルにまとめる。コマンドライン版のsvgstoreをインストール。作成されたbootstrap-icons.svgをエディタで開いて確認する。一つにまとめたsvgファイルは非表示にするため、svgタグにclassを追加しておく。bodyタグの直下でsvgファイルを読み込む。適当なところにID記述。CSS(SCSS)に追記。何かに向けて駆け抜けている途中。猫2匹に囲まれて奮闘する日々。関連リンク株式会社ウェブリクTwitterのプロフィールFacebookのプロフィールGitHubのプロフィール。