0

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..."

私が見逃しているのはばかげた単純な構文エラーだと思いますが、一生見ることはできません。

私は何が欠けていますか?

 

4

1 に答える 1