使用@include font-face（）指南針/ SASS語法錯誤;

我想這個CSS轉換爲上海社會科學院和指南針的字體面（）混入：使用@include font-face（）指南針/ 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..."

我認爲這是一個愚蠢的簡單的語法錯誤，我失蹤了，但我無法看到它爲我的生活。

我錯過了什麼？

來源

2013-10-31 Joshua Soileau

你貼的時候保存與使用指南針.scss不正確編譯的代碼。
您可能需要更改到第一行更改爲

@import "compass/css3";

這裏是你的代碼工作的例子： http://codepen.io/MariusRumpf/pen/oHDLh

來源

2013-10-31 20:22:04

嗯，我想我已經設置了我的工作流程不正確。我無法使Compass正常工作，所以我下載了我需要的目錄（/ compass/css3），並將它放在上面的目錄中。它似乎適用於我稱爲@include border-radius（）和其他文件的其他文件，但不適用於font-face（）。 –

如果您正確安裝指南針，則不需要。你可以在指南針網站找到一個安裝教程：[Compass網站]（http://compass-style.org/install/）。它應該像安裝ruby一樣簡單（Mac已經預安裝，Windows最容易使用[Rubygem Installer]（http://rubyinstaller.org/downloads/）），然後只需輸入'gem update --system'和'gem接下來安裝指南針。然後瀏覽到項目文件夾並輸入'compass create '，然後輸入'compass compile'。你卡在哪裏？ –

使用@include font-face（）指南針/ SASS語法錯誤;

回答

相關問題