发布：2023/12/23 23:04:13作者：管理员 来源：本站 浏览次数：305
Nuxt font使用
1、assets文件夹下新建 fonts 文件
2、assets 文件夹下新建 style文件夹，并在style下新建 fonts.scss
3、nuxt.config.js下引入 fonts.scss文件
4、页面内使用
p {
font-family: Din;
}
5、font变量使用方式如下
1）、assets 文件夹下新建style文件夹，style 文件夹下新建 variables.scss 文件
注：@font-face 内设置了 font-display 的作用是在字体包还未加载完时，使用备用字体，加载完立即使用字体包
2）、nuxt.config.js内引入
3）、全局使用
6、变量样式使用
1）、assets 文件夹下新建 style 文件夹，style 文件夹下新建 mixins.scss 文件
2）、nuxt.config.js 文件下引入
3）、使用
.van-popup{
&--fixed{
@include large-screen-fixed;
}
}
