ボタンに矢印アイコンをつけたい

ボタンのスタイル1~3に共通のアイコンをつける

 Font AwesomeとCSSの設定

 Font Awesome のWEBフォントを使用して、ボタンに矢印アイコンを設置してみます。

ブログ表示を新着情報のようにするスタイルシートを書きます。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" type="text/css"/>
※上記は、すでに設定済みの場合は不要


<style>

    .j-calltoaction-link:before{

    content:"\f144";

    font-family: "FontAwesome";

    margin-right:1em;

}

</style>

▼ タグの貼り付け方はここ マウスを当てると画像が開きます。


この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422