Font Awesomeの使い方

スポンサードリンク

<サイト>
https://fontawesome.com/icons?d=gallery&q=face&m=free

<タグ>

<link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.1.0/css/all.css” integrity=”sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt” crossorigin=”anonymous”>

<スタイル>

<style>
i {
padding:2px;
font-size:18px;
color:darkslategray;
}
</style>

<アイコン>

<i class=”far fa-laugh fa-2x” style=”color:black”></i><br>
<i class=”far fa-meh fa-2x” style=”color:black”></i><br>
<i class=”far fa-frown fa-2x” style=”color:black”></i><br>
<i class=”far fa-dizzy fa-2x” style=”color:black”></i><br>

<i class=”fas fa-bullseye fa-2x”></i><br>
<i class=”far fa-circle fa-2x”></i><br>
<i class=”far fa-frown fa-2x” style=”color:black”></i><br>
<i class=”fas fa-dizzy fa-2x”></i>

<i class=”far fa-caret-square-down” style=”color:lightgray”></i><br>
<i class=”fas fa-bullseye”></i><br>
<i class=”far fa-circle”></i><br>
<i class=”fas fa-play fa-rotate-270″></i><br>
<i class=”fas fa-times”></i>

<参考>

https://design.webclips.jp/font-awesome/

スポンサードリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする