vue 中使用自定义字体
发布时间：2023-03-08 09:30
1.先下载字体
2.在新建的font.css文件中加入下面代码引入字体
@font-face {
font-family: 'MSYH';
src: url('阿里巴巴普惠体 L.ttf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HY';
src: url('汉仪天宇风行体W.ttf');
font-weight: normal;
font-style: normal;
}
3.在组件中使用字体
<style scoped lang="less">
@import "../assets/font/font.css";
.block-top{
font-family:MSYH;
}
.block-bottom{
font-family:HY;
}
效果如下
![\"\"](\"https://img-blog.csdnimg.cn/459046073c164fa4bc444c30e81d112b.png\")
![\"\"](\"https://img-blog.csdnimg.cn/701ed793ed0f491b839ddf56c3e4bf02.png\")