vue-引入外部字体TTF文件到select选择

1. 新建font.css文件，添加ttf文件
   .
2. font.css文件内容

@font-face {  
    font-family: 'ESRI_40';  
    src: url('./ESRI_40.TTF');
    font-weight: normal;  
    font-style: normal;  
    }

3. main.js 引入
   
4. 使用。设置字体的对应编码

      compassList: [
        {
          label: "O",
          value: "O"
        },

        {
          label: "j",
          value: "j"
        },
      ]

     <el-select v-model="params.compass" placeholder="请选择">
              <el-option
                v-for="item in compassList"
                :key="item.value"
                :value="item.value"
                :label="item.label"
                style="font-family:'ESRI_40';  font-size: 30px;"
              >
                {{ item.value }}
              </el-option>
      </el-select>

样式设置

.compass {
  /deep/ .el-input__inner {
    font-family: "ESRI_40";
  }
}

效果：