2019.03.10こんにちは、ゆんつです。Webページにちょっとしたアイコンを表示させたい場合。Awesomeを使うと手軽で綺麗にアイコンを表示させることが出来ます。CodePen.0こんな感じで簡単に表示できます。Awesomeはアイコンフォント(文字のように表現できるアイコン)なので拡大しても画像のように汚くならないですし、CSSで色などを簡単に変更できるので大変便利です。Awesomeがこの前が思ったように表示されなくて、その解決までに手間取ってしまったので備忘録として書き残しおきます。Awesomeのバージョンは5で無料版です。Awesomeが表示されない!僕はこんな感じのボタンを作ろうとしていました。僕は最初こんなコードを書きました。CodePen.0右向きの矢印があるべき場所にはただの四角い枠しかありません。Awesomeがちゃんと読み込まれて無いんじゃないか」とかいろいろチェックしてみましたが、それらは全てOKでした。Pseudo-elements」というページに解決法が載っています。Awesomeを使用する場合、使用するアイコンフォントの種別に応じてfont-weightをSolidなら900、RegularかBrandsなら400、Lightなら300にしないと疑似要素では表示されないのです。アイコンフォントの種別は、そのアイコンのページで確認することが出来ます。CodePen.0無事にアイコンが表示されました。Awsomeが表示されない場合アイコンフォントの種別に応じてfont-weightを適切に設定することで表示されるようになるかもしれません。ちなみに疑似要素ではなく普通の要素にした場合は特にfont-weightを設定しなくても表示されます。CodePen.0ゆんつ本日は以上ですそれでは、またー。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。プロフィールこっそりゆんつ山口県在住です。Reserved.メニューHOMEプロフィールお問い合わせホーム検索トップサイドバープロフィールこっそりゆんつ山口県在住です。(17)エックスサーバーで。