Virtue Icons not showing in Japanese

[Park]

Park

September 6, 2017 at 3:41 am

Hi, again,

I have a multi-language site (Japanese and English). (I am using WPML)

On the Japanese side my virtue icon links and icons in general are broken.

To make the Japanese font match up in thickness and size for the kanji and roman characters I found that most browsers default kanji to Chinese unless you specify them as Japanese.

So to combat this I coded this into my CSS options:

:lang(ja) {
font-family: "Hiragino Sans", "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 100;
}

However, I am assuming that this is fighting with the icon font.

How can I get the Japanese font families and this:

[class*=" icon-"], [class^=icon-] {
font-family: virtue_icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
}

to play nicely.

Thanks for all the help.