我已经关注了很多关于为什么来自bootstrap的glyphicons在移动浏览器或确定的浏览器中不起作用的问题和答案,但它仍然不适用于我的情况。 以下是一些环境规范:
Bootstrap在局域网中的每台移动设备和台式机上运行良好,但是字形图只显示在台式机和模拟机器人中。
使用和不使用点编辑的字体URL。
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded- opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
//or
@font-face {
font-family: 'Glyphicons Halflings';
src: url('/fonts/glyphicons-halflings-regular.eot');
src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded- opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.htaccess
和mime.conf
application/vnd.ms-fontobject .eot
application/x-font-ttf .ttf
application/x-font-woff .woff
我也尝试了不同的标签
<em></em>
<i></i>
<span></span>
移动浏览器没有任何效果。 所有其他引导程序的东西在移动和桌面上都可以正常工作