サイトアイコン 歴史トラベル

font awesomeで動くフォントを使ってみてみた

テーマの見出しのデザインがあじけないので、
よくお世話になっている
「サルワカ」くんのページで興味深いページを見つけたのでやってみます。

導入方法から基本的な使い方、「Font Awesome Animation」でさまざまなアニメーション効果を加える方法まで丁寧に解説します。
【保存版】Font Awesomeの使い方:Webアイコンフォントを使おう - サルワカ | サルでも分かる図解説明マガジン

font awesomeを使ってみるということです。

コピーしたコードをブログやWebサイトの〜の中に貼り付けます。よく分からなければの直前に貼ればOKです。これでアイコンフォントの使用準備は完了です。

ということで、heap.phpの中にコードをいれて更新。

そして、

 

まずは車のマークをコピペ

大きくするときは、fa-5xなどをコードのなかに入れればいいとのこと。どうなるかな?

 

できた!

fa-spinといれると、回転するんだとか。本当かな?

 

ほんとだ!

いろいろできるみたいなので、また挑戦してみたいと思います。

モバイルバージョンを終了