IE带有Sass和Bourbon的条件注释

我想为不同的浏览器提供不同的字体(参见这个问题)。

在Sass/Bourbon中是否有一种巧妙的方法来做到这一点?

到目前为止我写的是:

<!--[if IE]> -->
@include font-face("myicons", "myicons", $weight: normal, $style: normal,
                   $asset-pipeline: false);
<![endif]-->
<!--[if !IE]> -->
@include font-face("myicons", "myicons", $weight: normal, $style: normal,
                   $asset-pipeline: true);
<![endif]-->

这个问题不在sass的范围内，因为它只是一个预处理器，并没有关于浏览器的线索。

你可以像html5模板那样在html中添加一个ie8类，然后使用css规则来激活字体。

body {
  @include font-face("myicons", "myicons", $weight: normal, $style: normal, $asset-pipeline: false);
  .ie8 & {
    @include font-face("myicons", "myicons", $weight: normal, $style: normal, $asset-pipeline: true);
  }
}

和HTML文件

<!--[if IE 8]>         <html class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html>         <!--<![endif]-->

相关内容

最新更新

热门标签：