Vue项目中引入外部字体文件

1、导入字体文件（ .ttf格式）

1.下载相应的字体文件，或者找ui设计师要一份。一般字体文件使用 .ttf 格式的即可。
将准备好的字体文件，放在项目中，文件目录示例如下：

2.创建一个font.css文件用于定义这个字体包的名字

@font-face {
    font-family: "Open-Sans";
    src: url('./Open-Sans-2.ttf');
    font-weight: normal;
    font-style: normal;
}

3. 然后在main.js中将这个css文件引入(全局使用) ，

// 在 main.js 中引入字体包
import '@/assets/fontFamily/font.css'

（也可以单页面引用 （单页面使用噢））

4.在需要的地方使用即可:

.container {
    min-height: 100%;
    color: #fff;
    font-family: 'Open-Sans';
}