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..."
私が見逃しているのはばかげた単純な構文エラーだと思いますが、一生見ることはできません。
私は何が欠けていますか?