1

我@import在 Meteor 应用程序的样式表顶部使用 css。@import 上的 MDN 说 at 规则“必须在所有其他类型的规则之前”。在开发中，这可以按预期工作，从 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 回答