- 在assets文件夹内新建font文件夹,将字体文件(ttf等文件)放在assets/font文件夹内
- 在assets文件夹内新建css文件夹,然后css文件夹内新建font.css文件:
@font-face {
font-family: 'modeng';
font-weight: normal;
src: url('~assets/fonts/shetumodengxiaofangti.ttf') format('truetype');
}
.iconfont {
font-family: 'modeng' !important;
font-size: 16px;
font-style: normal;
}
assets文件夹内目录结构如下:
├── README.md
├── css
│ └── font.css
└── fonts
└── shetumodengxiaofangti.ttf
- 编辑nuxt.config.js:
css: [
"@/assets/css/font.css"
]
- 使用:
div {
font-family: "modeng";
}
效果