アフィリエイト広告を利用しています
<< 不十分なコンテンツ | TOP | Googleアナリティクス その後 >>

2017年08月19日

Font Awesomeでアイコン表示



Font Awesomeを使用しています。
アイコンをフォントで表示できます。




  



指定方法
CSSファイル

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">




HTML
　アイコンを表示する位置に　<i class="fa fa-home"></i>
　拡大・青色　<i class="fa fa-home fa-5x" style="color:blue";></></i>
　90度回転　　<i class="fa fa-home fa-3x fa-rotate-90"></i>
　常時回転　　<i class="fa fa-home fa-spin"></i>

その他のアイコン
　<i class="fa fa-motorcycle"></i>
　<i class="fa fa-bicycle"></i>
　<i class="fa fa-automobile"></i>
　<i class="fa fa-ship"></i>
　<i class="fa fa-subway"></i>
　<i class="fa fa-database"></i>
　
お客さんの会社のHPで使用されていたので、Font Awesome について知りました。
おもしろそうです。


summer_baner.gif



タグ：Font Awesome
【このカテゴリーの最新記事】

posted by db-engineer at 00:00 | Comment(0) | 小技

この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

検索
KAGOYAのメールサーバー
最新記事
(05/29)TCPDF: multicellで行間指定
(05/05)Laravel : 登録フォーム（DateとTextarea）
(04/30)Laravel : migrateでのデータ型指定
(04/29)docker上でphpmyadminを使う。
(04/09)Laravel: migrateで [1045] Access denied for user　
(04/08)Docker : Laravel環境でMysqlに接続
(04/02)𠮟とutf8mb4
カテゴリーアーカイブ
Access、Excel(53)
Docker(5)
小技(34)
Mysql(63)
Linux(40)
経営(13)
HTML、CSS(34)
日々のこと(102)
Google(12)
PHP(118)
Git(32)
Javascript(16)
PostgreSQL(13)
ブラウザ(19)
ファイルメーカープロ(45)
Mac(33)
システム開発・運用(57)
アフィリエイト(8)
私製 - IT用語辞典(1)
Vue.js(5)
プロフィール
db-engineerさんの画像
db-engineer
プロフィール
タグクラウド