IT技術にまつわる実験ノート

「長編を書くより、短編を数多く完成させてください。それが上達への近道です」 by 手塚治虫

font-awesome を使ってみる

使ってみる

fontawesome の公式サイトからコードをコピーする。ここでは Free にするか Webfont を使うかといった選択ができる。

f:id:matt-note:20190315165418p:plain

f:id:matt-note:20190315165601p:plain

-> ここではアップルのアイコンを使ってみる。

f:id:matt-note:20190315170703p:plain

-> アップルのアイコンを出力できた。

 

アイコンの文字色をカスタマイズしてみる。

f:id:matt-note:20190315170048p:plain

f:id:matt-note:20190315170105p:plain

-> アップルのアイコンを赤くすることができた。

 

さらにカスタマイズしてみる。

f:id:matt-note:20190315170310p:plain

f:id:matt-note:20190315170341p:plain

-> フォントサイズをカスタマイズして、背景色やパディングと組み合わせるなどして、好きなように表現することができる。