使用@import與流星

我在我的Meteor應用程序的樣式表頂部使用css @import。 MDN on @import表示規則「必須先於所有其他類型的規則」。在開發過程中，它可以按預期工作，從Google獲取字體。然而在製作過程中，Meteor將所有的css最小化並且連接在一起，從而使我的文件在文件的一半處下移。我敢肯定，這個錯誤是我得到的原因（從火狐控制檯）：使用@import與流星

[14:31:13.713] Unrecognized at-rule or error parsing at-rule '@import'. @ http://mysite.meteor.com/b8c40bfddcd8fb2703b86888363d3590feb986d3.css:17

萬一這不是我認爲這是問題，這裏的規則：

@import url("http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");

有沒有人遇到過這個，並找到了解決辦法？我錯過了明顯的東西嗎？

來源

2013-05-01 BenjaminRH

編輯：現在是固定的，合併(see the commit)

以前的答案：

這是一個known issue。你可能想嘗試加載字體的另一種方法。無論是通過使用另一個CSS文件或使用谷歌提供的JavaScript代碼段：

<script type="text/javascript"> 
    WebFontConfig = { 
    google: { families: [ 'Lato:400,700,900,400italic:latin' ] } 
    }; 
    (function() { 
    var wf = document.createElement('script'); 
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + 
     '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 
    wf.type = 'text/javascript'; 
    wf.async = 'true'; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(wf, s); 
    })(); 
</script>

來源

2013-05-01 12:39:06

非常好，這是完美的作品。非常感謝你！ – BenjaminRH 2013-05-01 12:54:14

你究竟在哪裏插入這個？ – krivar 2014-03-25 19:07:46

看來它已根據我所鏈接到的問題的評論進行了更正。但要回答你的問題，你需要將該腳本放在HTML文件（或佈局模板）的頭部。如果您可以測試它是否已更正並分享回來，我可以相應地更新我的答案。 – 2014-03-25 23:23:41

使用@import與流星

回答

相關問題