1.这里的特殊字体，指的是一般用户电脑未安装到本地的字体，要引入这样的字体，首先需要把字体文件下载下来。

2.就像上图这样的，otf格式的，然后在项目里添加它。

3.然后我们在font.css里用@font-face规则引入这个字体文件并命名它。

@font-face
{
font-family: KozGoPro-Bold;
src: url('./KozGoPro-Bold.otf');
}

@font-face
{
font-family: KozGoPro-ExtraLight;
src: url('./KozGoPro-ExtraLight.otf');
}

@font-face
{
font-family: KozGoPro-Heavy;
src: url('./KozGoPro-Heavy.otf');
}

@font-face
{
font-family: KozGoPro-Light;
src: url('./KozGoPro-Light.otf');
}

@font-face
{
font-family: KozGoPro-Medium;
src: url('./KozGoPro-Medium.otf');
}

@font-face
{
font-family: KozGoPro-Regular;
src: url('./KozGoPro-Regular.otf');
}

4.然后在App.vue里的style导入它：

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
@import "../static/font/font.css";

#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>