引入ui给的静态资源字体Vue

67 阅读1分钟

1.我们公司被起诉了!!!字体对于项目来说还是很重要的,公司做大之后某些贼眉鼠眼的人就盯上了 狠狠的宰你一刀,咱们也是一朝被蛇咬,十年怕井绳,赶紧动起吧 该换的换掉 该处理的处理掉

引入ui哪来的字体

在assets文件下创建font文件夹,将你自己的字体放在这个文件夹下面,我们公司引入的华为鸿蒙字体,可以放心使用

image.png

2.接着在assets文件下创建style文件夹 在此文件中放入font.css文件

font.css

@font-face {
	/*将文件引入,并且定义重命名字体名*/
	font-family: 'ec_family';
	/*引入字体*/
	src: url(../font/HarmonyOS_Sans_Regular.ttf);
	font-weight: normal;
	font-style: normal;
}

3.在main引入font.css

main.js

import '@/assets/styles/font.css';

4.在app中全局引用

app.vue

width: 100%;
height: 100%;
overflow: hidden;
font-family: ec_family !important;
// 引入自己的字体 大功告成 使用第三方ui的话 就在ui的根目录下设置font-family: ec_family !important;让他全部替换