vue项目引入外部文字样式

1. 下载文字样式包（.ttf文件）

2. 在src的assets文件下创建font文件夹，将所下载的文件放入font文件中

3. 在文件夹中新建font.css文件

 4. font.css中内容

                @font-face {

                    font-family: 'numBFamily';

                    src: url('./Oxanium-Medium.ttf');

                    font-weight: normal;

                    font-style: 100;

                  }

5.在main.js中引入字体样式

import "./assets/font/font.css"

6. 页面中使用

.xmyx {

    font-size: 18px;

    color: #1ffcf1;

    border: 2px solid #036eb8;

    margin: 3px;

    padding: 4px 4px 0px 4px;

    border-radius: 4px;

    font-weight: 900;

    font-family: "numBFamily";

}