Font Awesomeのクラス名が変わっていた件

Posted on | 327 words | ~1mins
font

様々なアイコンをテキストとして埋め込むことができる,Font Awesomeというものがあります.原理としてはCSS3のWebフォントという技術を使っています.

綺麗なアイコンを簡単に使うことができ,またテキストであるためCSSで簡単に色や大きさなども変えられる大変便利なものです.このブログでもいくつか使っているのですが,久しぶりに触ってみたらclass名が変わっていました.例を挙げると下のような感じです.

Before:

<i class="icon-circle-arrow-right"></i>
After:
<i class="fa fa-arrow-circle-right"></i>

“icon"が"fa"に変わっただけではなく,“circle-arrow"が"arrow-circle"に変わっていたりするあたりなんともアレですね.