Google Material Iconsを疑似要素（before/after）に文字コードを指定して使う | YAMATO ENGINEER BLOG

アイコンフォントといえば『Font Awesome』ですが、 デザイン的にはGoogleマテリアルアイコンのほうが好みです。 ただ、疑似要素への使い方などは公式サイトで書いていないので調べてみました。 他のアイコンフォントは疑似要素に対してcontentプロパティで文字コード設置する方法など書いていますが、 Googleマテリアルアイコンは無いんですよね。 Googleマテリアルアイコン Google Material Icons Material Icons Guide Google Material Iconsの基本的な使い方 CSSを読み込み。 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> あとはHTML上でタグを使えばアイコンが表示される。 <i clas