1

@importMeteor アプリのスタイルシートの上部でcss を使用しています。@import の MDN は、@規則は「他のすべての種類の規則より前になければならない」と述べています。開発中、Google からフォントを取得して、これは期待どおりに機能します。ただし、本番環境では、Meteor はすべての CSS を最小化して連結@importし、ファイルの途中まで残します。私はそれが私が得るこのエラーの原因であると確信しています(Firefoxコンソールから):

[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");

以前にこれに遭遇して解決策を見つけた人はいますか? 明らかな何かが欠けていますか？

4

1 に答える 1

4

編集：修正され、マージされました（コミットを参照）

以前の回答:

これは既知の問題です。フォントをロードする別の方法を試してみてください。別の CSS ファイルを使用するか、Google が提供する 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-01T12:39:06.247 に答える