请帮助我可以@ font-face只为web不移动

Question

我一直在使用@ font-face仅用于非移动网站。

下面的代码是工作!!在更新ie10之前......

font.css - ＆gt;有媒体查询。 iefont.css - ＆gt;没有媒体查询。

我发现ie10不支持条件评论。 （也是ie11 ..） 并且ie在媒体查询中不支持@ font-face ...

在我的情况下，我必须使用@ font-face only web NOT mobile。 所以我正在寻找各种各样的方式..

例如..

if（/ @cc_on！@ / false）{document.documentElement.className + ='ie10';}

或

           if（Function（'/ @cc_on return document.documentMode === 10 @ /'）（）＆amp;＆amp; window.innerWidth＆gt; = 980）{           var link = document.createElement（'link'）;           link.rel ='stylesheet';           link.href ='css / fonts.min.css';           document.getElementsByTagName（ '头'）[0] .appendChild（联系）;        }    

- ＆GT;这些代码可以工作，但是......只有ie10而且它不能读取@ font-face但它只能读取css。

依此类推......（就像css一样）

我以为我可以用css来解决它！但是......也许永远不会用css来解决..

有人解决了吗？你怎么解决它？

请帮助我..

Answer 1

你可以使用条件评论来定位即移动...以下示例是如何定位所有内容，例如移动：

<![if !IEMobile]> 
<style> put your @font-face here </style>
<![endif]>

如果仍然需要定位ie10，则可以使用条件编译进行定位，这几乎与条件注释完全相同。你可以在这里看到一个有效的演示：http://dev.bowdenweb.com/ua/browsers/ie/ie10-detection-via-cc.html