Asairo Design

デザイン制作チーム 浅色デザインオフィシャルサイト。web関連やメモの置き場所。熊本県出身のweb制作者。たまに小説。

CSS

webフォント Font Awesomeを使う メモ

投稿日:

公式サイト

ヘッダーにCDNコードを呼び出し。

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

コード例:

<p><i class="fa fa-tasks" aria-hidden="true"></i>ここにアイコンを表示</p>

-CSS

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

文字数オーバーした際に「…」三点リーダーにする方法。

height準拠でoverflow:hiddenさせる方法を今まで使ってたけど、こっちのほうが使い勝手がよかった。 -webkit-line-clamp: 2; このプロパティの値が2なので、2行。 …

no image

チェックボックス CSSでのみ装飾 サンプル2

未チェック HTML <div class="wrapper"> <label class="checker"> <input t …

no image

チェックボックス CSSでのみ装飾 サンプル

チェックボックス HTML <form> <label> <input type="checkbox" name="" value …

no image

グラデーションのボーダーをCSSでつくる

備忘録Tips 3区切りのボーダー 【表示例】 【CSS】 /* 3区切りのボーダー */ .greenLine { background: #008000; /* Old browsers */ b …

no image

矢印つきボタン例

HTML <a href="" class="maru arrow">ボタン</a> CSS .arrow { position: re …

名古屋AC

※虐待防止講演会2017 記事一覧

おススメ書籍(AD)

(AD)