5

我想为不同的浏览器提供不同的字体（见这个问题）。

有没有一种巧妙的方法可以用 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]-->
4

1 回答 1

1

这个问题不在 sass 范围内，因为它只是一个预处理器，对浏览器没有任何线索。也是针对不同浏览器的 CSS 范围之外的决定条件。

您可以像 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]-->
于 2014-08-21T21:17:07.807 回答