全球风格无法运作 - vue.js

时间:2017-12-26 01:30:59

标签: javascript html css vue.js global

我的理解是主vue文件中定义的所有非范围样式都应该是全局的。那么,为什么以下不起作用呢?导入在全球范围内工作,但所有组件都忽略了主体样式我必须在每个组件中指定font-family才能工作。如何全局设置字体以便所有组件都继承样式?

<style>
@import '../node_modules/npm-font-open-sans/open-sans.css'
body, html {font-family: 'Open Sans'}
</style>

1 个答案:

答案 0 :(得分:0)

相反,我建议使用您自己应该使用的字体覆盖$body-font-family文件中的main.styl变量