アイコンボタンフレームワークの純粋なCSS実装

fa-lg (33% 増加)、fa-2x、fa-3x、fa-4x、または fa-5x クラスのアイコン サイズ。

fa-stack-1x 固定サイズのアイコン、fa-stack-2x

任意の回転および反転アイコン fa-rotate-* および fa-flip-* クラスを使用します。 *度数を表す: fa-rotate-90

任意のアイコンを取得するには、fa-spin 回転クラスを使用します。 fa-spinner、fa-refresh、fa-cog をうまく扱えます

fa-border border

デモアドレスデモ:
http://www.0917cc.com/blog/b926.htm

@font-face {
 font-family: 'FontAwesome';
 src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
 src: url('. ./fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format( 'woff')、url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype')、url('../fonts/fontawesome-webfont.svg?v=4.1 .0#fontawesome Regular') format('svg');
 font-weight:normal;
 font-style:normal;
}

WeChat アイコン
< href='#' class="svn_btn3 p5">WeChat アイコン
WeChat アイコン