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

标签 javascript html css vue.js global

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

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

最佳答案

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

关于javascript - 全局样式不起作用 - vue.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47973176/

相关文章:

javascript - 如何在 javascript 中实现类似 PHP 的 http_build_query 和相反的东西?

javascript - 如何使用 Dropbox 的单点登录?

html - 如何在调整窗口大小时使 css block 保持在同一位置?

jQuery 发光动画 : how to improve?

html - the_category() 函数添加了一个不适合段落标记的无序列表

javascript - CSS交叉继承

javascript - 无法在 Chrome 中加载 XML 文件,但它在 Firefox 和 Edge 中加载

javascript - 当部分到达顶部然后固定左侧 div 并向右滚动 div 直到部分结束

javascript - 在 Ipad 或触摸设备上播放多个音频

Firefox 中的 CSS3 缩放元素问题