字体不适用于我在Heroku上的应用程序(但在本地工作)

时间:2016-06-06 22:10:41

标签: twitter-bootstrap heroku less sails.js

的Env

  • 帆0.12.3
  • 自举
  • Heroku PaaS
  • CloudFlare CDN

问题

尝试在我的SailsJS应用程序中使用与Bootstrap不同的字体

在我的layout.ejs

<link href='https://fonts.googleapis.com/css?family=Jura:500|Open+Sans:400,300' rel='stylesheet' type='text/css'>

在我的importer.less

@import url(https://fonts.googleapis.com/css?family=Jura:500|Open+Sans:400,300);

h1, h2, h3, h4, h5, h6 {
    font-family: 'Jura', sans-serif;
}

资产在本地正确编译,但在部署到Heroku时,字体不适用。

有关如何排除故障的任何指示?

grunt less --verbose

Running tasks: less

Running "less" task

Running "less:dev" (less) task
Verifying property less.dev exists in config...OK
Files: assets/styles/importer.less -> .tmp/public/styles/importer.css
Options: banner=""
Reading assets/styles/importer.less...OK
Writing .tmp/public/styles/importer.css...OK
File .tmp/public/styles/importer.css created
>> 1 stylesheet created.

Done, without errors.

1 个答案:

答案 0 :(得分:0)

这不是 Heroku 问题,而是开发时的 CloudFlare 配置技巧。

CloudFLare 主菜单中,选择Caching,然后找到Development Mode部分并将其启用。

然后,我可以在每次部署git push staging master

后看到我的更改

enter image description here