vue cli3 引入外部字体

如果ps设计稿的字体在网页中没有对应的字体显示，要想跟设计稿效果一致 要引入外部字体

一、 C盘window下的font 文件夹中找到需要的字体，复制到自己的文件中

在font.css中写样式

@font-face
{
font-family: myFirstFont;
src: url(./LATINWD.TTF) format("truetype");
font-weight:400;font-display:"auto";font-style:normal;
}

页面中使用

<span style="font-family:myFirstFont">photeSphereViewer</span> 

也不需要在config中额外配置，注意TTF的大小写，我刚开始是小写的，就一直报错

This relative module was not found:

* ./LATINWD.ttf in ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??ref--6-oneOf-3-2!./src/assets/fonts/font.css