项目中遇到一些特殊的字体 需要引入
我们需要提前下载好这个字体
一 创建文件夹 存放字体
在src目录下创建text文件夹 ，字体放在这个文件夹下,命名为字体名（英文更好），并且创建text.scss
文章图片
text.scss 代码
@font-face {
font-family: "PangMenZhengDao";
src: url('./PangMenZhengDao.ttf');
}二 在main.js中引入
import "@/text/text.scss";
【vue|vue中引入字体包】使用
font-family: PangMenZhengDao;
推荐阅读
- vue|前端设置下拉框与选择
- Vue|Vue-cli 脚手架一
- vue|vue 的4种实现动画方式
- Vue|Vue 组件化
- 前端框架|前端开发Vue项目实战（电商后台管理系统（一）前后端搭建）
- 前端|VUE3.0和VUE2.0语法上的不同
- #|Vue3.0 - Vue2.0和Vue3.0响应式原理对比
- vue|vue3.0新特性及与vue2.0的区别
- vue|vue个人在线简历