mvc glyphicon bootstrap移动无法正常工作

时间:2014-05-22 22:30:20

标签: css codeigniter twitter-bootstrap glyphicons mobile-browser

我已经关注了很多关于为什么来自bootstrap的glyphicons在移动浏览器或确定的浏览器中不起作用的问题和答案,但它仍然不适用于我的情况。 以下是一些环境规范:

  1. Localhost whith Ubuntu 14.04
  2. MVC网页(代码点火器)
  3. Apache 2
  4. Bootstrap 3.1.1
  5. Windows phone 7.9& 8
  6. 模拟Android手机(这是唯一一个显示图标的浏览器)
  7. 不是智能手机移动网络浏览器
  8. 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');
    }
    

    .htaccessmime.conf

    中的mime类型
     application/vnd.ms-fontobject .eot
     application/x-font-ttf        .ttf
     application/x-font-woff       .woff
    

    我也尝试了不同的标签

    <em></em>
    <i></i>
    <span></span>
    

    移动浏览器没有任何效果。 所有其他引导程序的东西在移动和桌面上都可以正常工作

0 个答案:

没有答案