アイコン

CSS

CSS疑似要素 :before で見出しの前にアイコンを付ける(Font Awesome 5)

以前、書いた記事は、FontAwesome4を使用する内容だったけれど、バージョンアップしたFontAwesome5を使用する場合は、CDNのリンク先が変わるだけでなく、font-family・font-weightの指定など随分変わっているようなので新しい記事にしてみる。
CSS

CSS疑似要素 :before で見出しの前にアイコンを付ける(Font Awesome 4)

タイトルとして目立たせたり、箇条書きで項目として並べるため 見出しの前にアイコン画像を置いたり背景として敷いたりすることがある。 疑似要素:before + アイコンのWEBフォントFontAwesomeを使えば 大きさや位置、色まで簡単に調整できて便利♪
タイトルとURLをコピーしました