我想为不同的浏览器提供不同的字体(请参见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]-->
最佳答案
这个问题不在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]-->