一行で結論
状態:-
閲覧数:2,402
投稿日:2018-03-03
更新日:2020-01-25
「Font Awesome」で統一
既存サイトも含め、全ての「Icon Font」を「Font Awesome」で統一することにした
経緯
Bootstrapを止めることにした
・これを機に、複数利用していた「Icon Font」をどこかに統一したい
「Icon Font」を複数利用していると、
・色々混乱してくる
・頭をその都度切り替えるのが面倒なので…
2018/3/3「Icon Font」調査
Font Awesome
最強
・サイトリニューアルされていた
・現在もアイコンは増加し続けているみたい
Material icons - Material Design
Google社が公開しているマテリアルデザインのガイドラインに基づいて作成された公式のアイコンセット
・900以上ものアイコンが提供されている
感想
・期待して見てみたが、自分にはピンと来なかった
・「あのGoogleが提供している」という利点以外の長所を見出せなかった
Ligature Symbols
日本人が作成しているため、日本向けアイコンが用意されている
・Bootstrap2系の途中より利用してきた
最終更新「 Jan 31, 2013」
・この5年間、一度も更新されていない
・特に不満はないが、今後も更新されないであろうことを考えると、ここら辺り(Bootstrapを止めることにした今)が潮時なのかもしれない
・2013-3-10 → 2018-3-4
IcoMoo
「Icon Font」を自作する際に便利みたい
・「Font Awesome」に満足出来なくなった場合に、導入を検討するかも
・IcoMoonを使ってFont Awesomeのアイコンを必要なものだけ使う方法
・「IcoMoon」を使用して自作アイコンをWebフォントにしてみよう！
・Webアイコンフォントの作り方 - ②アイコンをWebアイコンフォントに変換する
・Webアイコンフォントの作り方 - ③SASS/CSS、HTMLを設定する
・IcoMoonを使ってSVGからアイコンフォントを作る方法
・SVGアイコン | アイコン素材ダウンロードサイト「icooon-mono」