Chrome 桌面和真实移动设备上的不同 Glyphicons

Different Glyphicons on Chrome desktop and real mobile device

我在桌面显示器和真实移动设备上对 Glyphicons 的展示非常不同。它看起来如下:

左侧是 Chrome 的移动视图,右侧是真实的移动设备屏幕截图。为什么右边乱了?

我正在使用带有 bootstrap 框架 (Froundry) 的超赞字体图标,如下所示:

<i class="icon fa fa-wifi icon"></i>

发现错误:

您必须拥有包含 fontawesome-webfont.woff 和其他文件的文件夹 fonts,因为 font-awesome.css 链接到此文件。