Firefox中的CSS Google字体问题

Question

我无法让firefox从Google字体加载自定义字体。 我正在使用Google推荐的以下代码，但这在Firefox中不起作用。 它适用于IE，Chrome等。

@import url('http://fonts.googleapis.com/css?family=Noto+Sans');
body, input, select, textarea{
    font-family: 'Noto Sans', sans-serif;
}

我在网上找到了一些建议删除'sans-serif'部分的答案，但这只会导致Firefox使用其默认字体（这比它选择的'sans-serif'更差）。

有什么想法吗？

谢谢：）

Answer 1

我建议不要使用@import 。

将<link href行放入<head>并在css上调用其名称，如：

<head>
<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>

在你的css文件中：

.my-class {
    font-family: 'Noto Sans', sans-serif;
}