Question

我想为不同的浏览器提供不同的字体（请参阅this question）。

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

Answer 1

这个问题超出了sass范围，因为它只是一个预处理器，并且没有关于浏览器的线索。也是css范围之外的不同浏览器的决定条件。

您可以这样做，将h8类添加到html，如html5样板，然后使用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]-->

IE与Sass和Bourbon的条件评论

1 个答案: