Question

我已经在网站上工作了大约一个星期，我们需要包含一些非常规字体。没问题，我会在CSS中使用@ font-face {}，它就像一个魅力。。。除非你的名字是Internet Explorer。

因为IE只使用.eot字体（作为所有主要现代浏览器中唯一的一种）我需要包含一种方法来使用我的字体的.eot格式，当它是一个IE浏览器访问该网站时。

所以，这是我可以用手的地方。

如果我使用IE条件HTML为IE指定一个stylesheep，我怎样才能确保浏览器会插入正确的@ font-familiy？（假设我将使用与不同src相同的font-familiy名称）

//Using this
@font-face {
font-family: "ArdleysHand";
src: url(../Fonts/ArdleysHand.ttf) format("truetype");
}
//But would have to use this if IE
@font-face {
font-family: "ArdleysHand";
src: url(../Fonts/ArdleysHand.eot) format("truetype");
    }

提前致谢

Answer 1

您可以在HTML文件中使用条件注释，如：

 <!--[if IE]> <link rel="stylesheet" type="text/css" href="ie_font.css"> <![endif]-->

对于所有其他浏览器，您可以使用此评论：

<!--[if !IE]> <link type="text/css" href="other_font.css"> <![endif]-->

Answer 2

样式表的条件注释

条件注释仅适用于IE，因此非常适合提供仅适用于IE的特殊指令。他们是从IE 5开始支持。

<!--[if IE]>
  <style type="text/css"> 
    @import 'iestyle.css'; 
  </style> 
<![endif]-->

使用IE改编@ font-face

2 个答案: