首页 > 编程入门文章详情

Vue引入新下载字体

编程入门行业动态更新时间:2024-10-22 10:35:10

Vue引入新下载<a href=https://www.elefans.com/category/jswz/34/1770720.html style= 字体"/>

Vue引入新下载字体

1、将新下载字体放入文件夹中

2、新建一个scss样式文件，引入字体

@font-face {font-family: 'PingFangSC-Light';src: url('../assets/Fonts/PingFangSC-Light.ttf');
}

3、在main.js文件中全局引入scss文件

import '@/style/common.scss'

4、使用

font-family: 'PingFangSC-Light';

更多推荐

Vue引入新下载字体

本文发布于:2024-03-23 18:20:27，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1741323.html

版权声明:本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。

字体 Vue

上一篇： css怎么写数字平方,CSS3 平方反比定律动画演示
下一篇：华为AR路由器IPsec *** 配置

发布评论取消回复

评论列表（有 0 条评论）

热门文章