本来ならば、↑のようにWebアイコン　　　　が表示されるはずなのですが、↓のようにPCのみ表示されない状態が続いていました。

PC用のCSSに問題があるみたいです。
そこで、Webアイコンファイルがうまく読み込まれていないのかと思い、2時間ほど色々と試してみました。
思い当たるふしを10パターンくらい試しましたが、改善されません。

諦めかけていた時にふと気づきました。

余計な！importantが、、、

！important　の記載を消すことで無事に表示されるようになりました。

単純なミスでしたが、Webフォントの勉強になりました。