generated at
Font Awesome


cssでつかった

CDNが有料化した?

旧バージョンの導入方法
ex.css
.line span.code-block .code-block-start a::before { font-family: "FontAwesome"; display: inline-block; text-decoration: none !important; }
Font Awesome 5 CDNでの導入方法
scrapboxのためにcssだけで操作するのに手こずった
手順
公式サイトにログイン
Font Awesome CDN
もらったものをまとめてimport
セミコロン忘れ侍
ex.css
@import url("https://use.fontawesome.com/releases/v5.15.3/css/all.css?integrity=sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk&crossorigin=anonymous");
2つとも入れる
ex.css
.line span.code-block .code-block-start a::before { font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free"; display: inline-block; text-decoration: none !important; }
style_5_15_3.css
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"); .line span.code-block .code-block-start [title]:before { text-decoration: none !important; font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free"; font-weight: 400; display: inline-block; }