Font Awesomeでアイコン表示

Font Awesomeを使うとアイコンを気軽に表示できます。沢山アイコンがあります。

Font Awesome公式サイト
アイコン一覧

利用方法は、先ず<head>でcssを読み込みます。

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

アイコンを表示したいところに

<span class="fa fa-OOOO"></span>

と書きます。OOOOの部分はアイコンの名前です。
画像と違い、大きさがその部分のフォントサイズと同じになるので楽です。

参考:Progate

カテゴリ:HTML 投稿日時:2018年4月12日 07:43


コメント

コメントはまだありません。

コメント投稿

ご自由にコメントください!
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。

ニックネーム

コメント

カテゴリ

新着備忘録

CakePHP3にUpload Pluginをインストール

CakePHP3にUpload Pluginをインストールする方法です。

要素の背景にbackground-size:coverみたいに動画を配置する

要素の背景にbackground-size:coverみたいに動画を配置する方法です。

要素の背景にbackground-size:coverみたいに動画を配置する

要素の背景にbackground-size:coverみたいに動画を配置する方法です。

要素の背景にbackground-size:coverみたいに動画を配置する

要素の背景にbackground-size:coverみたいに動画を配置する方法です。

iphoneで入力フォームを選択すると画面が拡大されてしまう問題

iphoneで入力フォームを選択すると画面が拡大されてしまう問題を解決する方法