如何在Stylus文件中导入Google字体?

feg*_*emo 16 stylus google-font-api

我想知道如何从手写笔(.styl)文件导入Google字体.我试过了:

@import url(http://fonts.googleapis.com/css?family=Overlock:400,700,400italic,700italic|Calligraffitti)
Run Code Online (Sandbox Code Playgroud)

...但在使用以下错误进行编译时,我的控制台失败了:

Potentially unhandled rejection [2] ParseError: C:\Users\Coutinho\Documents\GitHub\bespoke-theme-fancy\lib\theme.styl:5
   1| // Bespoke Classes: https://github.com/markdalgleish/bespoke-classes
   2| // Stylus: http://learnboost.github.io/stylus
   3|
   4| @import 'normalizecss/normalize.css'
 > 5| @import url(http://fonts.googleapis.com/css?family=Overlock:400,700,400italic,700italic|Calligraffitti)
   6|
   7| $font-family-serif 'Calligraffitti', cursive
   8| $font-family-sans 'Overlock', Helvetica, sans-serif

expected ")", got "selector |Calligraffitti)"
Run Code Online (Sandbox Code Playgroud)

谢谢!

Pan*_*nya 23

用引号括起网址: @import url('http://fonts.googleapis.com/css?family=Overlock:400,700,400italic,700italic|Calligraffitti')

  • @panya和大家:警告:Google的字体API提供不同的响应,具体取决于浏览器提供的UA标头...旧的IE8获取ttf字体,大多数浏览器获取woff字体,有些获取woff2 ...如果你耙这个在服务器端(因此对于消费的客户端浏览器而言不是特定的),您可能会遇到麻烦...您可能必须将使用不同UA标头创建的字体请求组合在一起,然后将它们写入静态包含文件... (2认同)