env
- sails 0.12.3
- bootstrap
- heroku paas
- cloudflare cdn
issue
trying use different font bootstrap in sailsjs application
in layout.ejs
<link href='https://fonts.googleapis.com/css?family=jura:500|open+sans:400,300' rel='stylesheet' type='text/css'> in importer.less
@import url(https://fonts.googleapis.com/css?family=jura:500|open+sans:400,300); and
h1, h2, h3, h4, h5, h6 { font-family: 'jura', sans-serif; } assets compiled locally, when deployed heroku fonts don't apply.
any pointers how troubleshoot this?
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.
this not heroku problem rather cloudflare configuration trick when developing.
in cloudflare main menu, select caching, find section development mode , turn on.
then able see changes after each deploy git push staging master
