vue文件引入自定义字体无效

vue文件引入自定义字体无效

我文件层级是一样的不会是路径问题,因为在网络选项卡中加载了这个字体文件的请求,但奇怪的是网页引入的那个字体效果跟我下载的文件效果不一致,有没有人遇到过这个问题,怎么解决的
css文件

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

我也在app.vue中引入了文件

1、zhankuqingkehuangyouti 在具体引用的地方对比下字体名称是不是一样,这个属于低级错误
2、看下html文件的字体或者公共样式文件里面使用的字体是否覆盖了你定义的字体

你审查元素 看看 加上了没 。不一样 是 显示的默认的还是 也有变化? 前者 可能是根本 没加上 后者 就得接着排查了