font-weightに使用しているアイコンの種類のウェイトを指定する。contentに使用するアイコンのunicodeを指定する。unicodeの前には\バックスラッシュを入れる。4と違い、font-familyにはバージョンと種類の追加がされ、font-weightの指定も必要になったようです。font-weightは決まったウェイト以外でも表示されますが見た目が変わる可能性があるので注意が必要かもしれません。unicodeは各アイコンの個別ページやチートシートで確認できます。各アイコンの個別ページの場合は下記画像の部分になります。CSS例シンタックスハイライトで上手く表示できていませんが、¥マークの部分はバックスラッシュです。10px;}下記例の矢印は同じアイコンですが、font-weightのみ違います。font-weightが900の時はsolid、400の時はregularの種類のアイコンが表示されるので見た目が特に変わっています。CSS版のブラウザのサポートは下記になるようです。JavaScript版ではサポートのしていないIE9をサポートしている点が大きな違いかと思います。JavaScript版と共通でブラウザサポートのページが表示されるのでIE9をサポートしているかは、わかりませんでした。日本語にしてみましたが、あっているのでしょうか。不安な場合は公式サイトなどをご確認ください。最新の主要な2バージョンIE10に関しては、公式のページで注意書きがあるので使用の際はご注意を。MutationObserverの技術をサポートしていないとかなんとか書いてあります。JavaScript版のみに注意書きとして表示されていたものになるかと思います。5の使い方を丁寧に解説されています。いつの間にか4から5の解説に変更されていました。Awesomeを使うにあたってこちらのサイトを利用しました。分かりやすく助かりました。ダウンロードしての利用方法の手順3のコードに誤りがありましたのでご報告をしたいと思い、ご連絡させていただきます。こちらのコードのfontawesome-all.cssではなくて、fontawesome-all.min.cssかと思います。失礼かと思いましたが、今後を利用したいサイトなので、ご報告させていただきます。ご無礼をお許し下さい。PM>しかおとこさんご指摘ありがとうございます。fontawesome-all.cssでも問題ないですが、流れ的にfontawesome-all.min.cssが正しかったですね。ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。【Bootstrap4】グリッドレイアウト(配置)Bootstrap4のグリッドレイアウトの説明は長いので配置も別ページに。Bootsatrap4からはFlexbox配置ユーティリティを使用して、縦と横の列を整列させることができるようになりました。...【CSS】子セレクタの使い方の覚書ニワカが個人的に使いこなせていないCSSセレクタを覚えるための個人的メモです。...【CSS】擬似クラス「構造擬似クラス以外」の使い方の覚書ニワカが個人的に使いこなせていないCSSを覚えるための個人的メモです。擬似クラスの「構造擬似クラス以外」の覚書。今回の記事は、前回の記事の続きになります。レスポンシブサイトでよく見かける画像とテキストを左右交互に、スマホで上下に配置してくレイアウトをflexboxを利用して実装する方法の個人的メモ。