[css]material iconsのスタイルを切り替えられる状態で使う

稀にあると便利な。

こう

ライブラリ(?)を読み込むときに「|」区切りで各スタイルを記述する。

<head>
    ⋮
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone">
    ⋮
</head>

font-familyを指定するときに、このスタイル込みで記述するとそのようになる。

a{
    &::before{
        content: "\e0be";
        font-family: "material icons outlined";
    }
}

以上。

コメント

タイトルとURLをコピーしました