Question

我正在尝试使用Compass的font-face（）mixin将此CSS转换为SASS：

@font-face {
  font-family: 'PT Sans';
  src: url('../fonts/PTSans/PTS55F_W.eot'); /* IE9 Compat Modes */
  src: url('../fonts/PTSans/PTS55F_W.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/PTSans/PTS55F_W.eot#iefix') format('woff'), /* Modern Browsers */
  url('../fonts/PTSans/PTS55F_W.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/PTSans/PTS55F_W.svg#svgFontName') format('svg'); /* Legacy iOS */
}

这就是我所得到的：

@import "../compass/css3";
@include font-face("PT Sans", font-files('../fonts/PTSans/PTS55F_W.eot', '../fonts/PTSans/PTS55F_W.eot#iefix', '../fonts/PTSans/PTS55F_W.ttf', '../fonts/PTSans/PTS55F_W.svg#svgFontName'));

但是我得到了这个语法错误：

Syntax error: Invalid CSS after " ": expected "{", was "@include font-f..."

我认为这是一个愚蠢的简单语法错误，我错过了，但我不能在我的生活中看到它。

我错过了什么？

Answer 1

使用指南针保存为.scss时，您发布的代码编译正确您可能需要更改以将第一行更改为

@import“compass / css3”;

以下是您的代码的工作示例： http://codepen.io/MariusRumpf/pen/oHDLh

@include font-face（）的Compass / SASS语法错误;

1 个答案: