Google Material icons guideというサイトを教えてもらったので簡単にさわってみました。
ざっくりこんな感じで動きます。
Icon Fontはダウンロードもできるみたいです。
Material iconsで気になっていたのがこの部分。
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
外部からCSSを読み込んでいます。
これをローカル環境で用意できないかなと思っていたのですが、IconFont一式をダウンロードできるとわかったのでもう一度試してみました。
いろいろ使い方はあると思いますが、とりあえず必要だったのはこのファイル。
こんな感じでCSSを用意してあげると使用できました。
HTMLからの読み込みはこんな感じ。
ここで一緒に読み込んでいるmdlファイルはこちらでダウンロードできます。
これでそれらしい表示ができました。
サンプルコードです。
