vue3 本地windows下的字体的引用
1、先上了张效果:
2、windows 字体的路径:c:/windows/fonts/
我们用华文行楷来测试下,先将华文行楷拷贝到/src/assets/fonts目录下。
3、然后我们来定义css:
@font-face {
font-family: 'fyxk';
font-style: normal;
src: local('Opensans-Bold'), url(/@/assets/fonts/STXINGKA.TTF) format('truetype');
}
.font-fyxk {
font-family: 'fyxk';
font-size: 40px;
}
用@font-face来自定义字体名称,及指定位置。这样我们自定义的 ".font-fyxk"样式就可以了。
测试通过,打包的时候是否存在问题,待测试。