Snow MonkeyでGoogle Material Iconsが表示されない問題の解決法

WordPress テーマ 「Snow Monkey」を使っていると、Google Material Icons が表示されない問題が発生しました。
その解決方法をご紹介します。

「Snow Monkey」で Google Material Icons が表示されない問題の解決法

追加CSS に下記を追加します。

body {
    font-variant-ligatures: normal;
}

あるいは、変更を Google Material Icons のみに限定したいなら、

.material-icons {
    font-variant-ligatures: normal;
}

とします。

font-variant-ligatures とは?

font-variant-ligatures は合字の制御方法を指定するプロパティです。

デフォルトでは

body {
    font-variant-ligatures: none;
}

となっていて、Snow Monkey ではなぜか合字が無効化されています。

none の場合は、すべての合字が無効になってしまうので Google Material Icons が正しく表示されないようです。
合字の扱いを CSS デフォルトの normal に戻すことで、正しく表示されるようになります。