Awesome」の基本的な使い方を、コード例を交えながら解説します。Awesomeは、絵文字のような感覚で使用できるアイコンです。Awesomeの使用例アイコンはベクター形式なので拡大/縮小が自在で、しかも通常の文字と同様にfont-sizeプロパティやcolorプロパティを使用することができます。無料版/有料版があり、無料版でも多くのアイコンを使用できます。次の画像はアイコンの一例です。Awesomeを使ってみる基本的な使い方をご紹介します。今回は無料版で進めていきますが、アカウント登録などは不要なので気軽に試してみることができます。CDNのCSSを読み込むアイコンを選ぶCSSを適用するとっても簡単です。それでは1つずつ解説していきます。Network)で配信されているCSSを読み込みます。次のURLからlink要素をコピーし、アイコンを読み込みたいHTMLのhead要素の中に貼り付けます。crossorigin="anonymous"></head><body></body></html>アイコンを選ぶ続いて、iconsページから読み込みたいアイコンを選びます。Awesome今回はおなじみAppleのロゴマークを例に進めていきます。AwesomeAppleのロゴマークページにあるi要素をコピーしてHTMLに貼り付けます。fa-apple"></i></p></body></html>ここまでで、とりあえずアイコンは表示されます。アイコンの表示例CSSを適用する最後に、読み込んだアイコンにCSSを適用して調整します。fa-apple"></i></p></section></body></html>アイコンはフォント同様に、表示サイズをfont-sizeプロパティで、色をcolorプロパティで設定します。以上が、基本的な使い方になります。アイコンは本当にたくさんの種類があるので、もし興味があったら眺めてみてください。Awesomeこちらの記事は役に立ちましたか?GoodBadありがとうございます。よろしければ、あわせてフィードバックや要望などをご入力ください。コメント送信コメントありがとうございます!運営の参考にさせていただきます。)PHP2019-11-16フォームの基本構造を作成するPHP2019-11-16はしご高など旧字体漢字の文字化けを防ぐRECOMMEND人類を前に進めたいチームラボ代表・猪子寿之さんと評論家・宇野常寛さんによる、チームラボの目指す「境界のない世界」についての対談がまとまった一冊。内容はもちろん、フルカラーで写真も綺麗でした。