为什么我的Google字体无法通过@ font-face加载？

Question

我创建了字体并将其应用到正文:

@font-face {
     font-family: 'Nosifer';
      src: url('https://fonts.googleapis.com/css?family=Nosifer');  
  }
 body { font-family: 'Nosifer' }

<body>
  This is text.
</body>

但是,Nosifer字体不可见.我究竟做错了什么？

Answer 1

Chrome在控制台中发出以下警告:

无法解码下载的字体:https://fonts.googleapis.com/css？ family~Nosifer

OTS解析错误:无效的版本标记

该谷歌字体实施指南此字体不配备使用@font-face.如果你想通过CSS导入它,他们建议使用@import:

@import url('https://fonts.googleapis.com/css?family=Nosifer');