vue-cli引用自定义字体otf格式

vuecli项目添加自定义字体

拷贝字体文件到项目中

css中定义字体

@font-face { 
    /* 定义的名称在元素设置时会用到 */
    font-family:"DINPro";
    /* 输入字体文件路径 */
    src: url("./font-file/dingpro.otf") format('opentype') ;
}

项目中使用字体

span {
    font-family: DINPro;
}