【问题标题】:How to import Google Fonts on a Stylus file?如何在 Stylus 文件上导入 Google 字体?
【发布时间】:2014-10-14 05:03:06
【问题描述】:

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

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

...但是在我的控制台上编译失败并出现以下错误:

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

谢谢!

【问题讨论】:

    标签: stylus google-font-api


    【解决方案1】:

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

    【讨论】:

    • @panya 和每个人:警告一句:Google 的字体 API 会根据浏览器给出的 UA 标头提供不同的响应...旧的 IE8 获取 ttf 字体,大多数浏览器获取 woff 字体,有些获取woff2 ...如果您在服务器端(因此不特定于消费客户端浏览器)进行此操作,您可能会遇到麻烦...您可能必须组合使用不同 UA 标头发出的字体请求,然后将它们写入静态包含文件...
    猜你喜欢
    • 1970-01-01
    • 2013-01-18
    • 2015-09-15
    • 1970-01-01
    • 2017-09-26
    • 2023-03-23
    • 2019-06-01
    • 1970-01-01
    • 2020-07-12
    相关资源
    最近更新 更多