chrome拡張で後から読み込みで使った。
svgを吐き出すこともできたが、cdnをpathに設定してicon().html
をつかうのを主に採用しそう。
公式
font-awesome - npm
https://www.npmjs.com/package/font-awesome
Sass | Font Awesome
https://fontawesome.com/how-to-use/on-the-web/using-with/sass
Configuration | Font Awesome
https://fontawesome.com/how-to-use/with-the-api/setup/configuration
icon() | Font Awesome
https://fontawesome.com/how-to-use/with-the-api/methods/icon
mixinでつかう
gulp-ruby-sassでfont-awesomeをコンパイルしたら文字化けした件 - Qiita
https://qiita.com/nekoneko-wanwan/items/e0f5a71a7d603215bcc3
今回は起きなかったけど、pathの変数設定がよくわからず、
ブラウザには豆腐が出たので、cssを確認しながら考えた
事例
Font Awesome 5 の導入 - Qiita
https://qiita.com/oreo3@github/items/08a350520a1f0eaf6e42
CDN
Start | Font Awesome
https://fontawesome.com/start
このCDNを使った。
$fa-font-path: "https://use.fontawesome.com/releases/v5.7.2/webfonts";