Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8707

FontAwesomeの導入

$
0
0

FontAwesomeとは

Webフォントの一種。facebookやtwitterのロゴなどに使用できる。

FontAwesome用のgemをインストール

Gemfile
gem'font-awesome-sass'#最下部に追加する

Gemfileに追記したら、bundle installしてサーバーを再起動

HTMLで使用する場合

  • head内にリンクを記述
  • 任意の場所にアイコンの記述
application.html.erb
#head内
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
###中省略
<div class="iconのクラス名">
 <i class="fas fa-acorn"></i> #FontAwesomeからコピーしたコードを挿入
</div>

以下のリンクから飛んで使いたいWebフォントを探そう!
https://fontawesome.com/icons?d=gallery


Viewing all articles
Browse latest Browse all 8707

Latest Images

Trending Articles

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>