全局样式不起作用 - vue.js

Question

据我了解，主 vue 文件中定义的所有非作用域样式都应该是全局的。那么，为什么以下不起作用？导入在全局范围内有效，但所有组件都忽略了主体样式。我必须在每个组件中指定字体系列才能使其工作。如何全局设置字体，让所有组件都继承样式？

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

Answer 1

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