css - 使用 IE 适配@font-face

Question

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

由于 IE 仅使用 .eot 字体(作为所有主要现代浏览器中唯一的一种)，我需要包含一种方法，以便在 IE 浏览器访问该站点时使用我的字体的 .eot 格式。

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

如果我使用 IE 条件 HTML 为 IE 指定样式表，我如何确保浏览器将解释正确的@font-familiy？ (假设我将使用相同的 font-familiy 名称和不同的 src)

//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

样式表的条件注释

Conditional comments only work in IE, and are thus excellently suited to give special instructions meant only for IE. They are supported from IE 5 onwards.

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