h5使用自定义字体后需要刷新才显示文字

Question

在Vue里面使用自定义字体

@font-face { 
    font-family: 'FZZZHUNHJW';
    src: url('../../assets/font/FZZZHUNHJW.ttf');
}

在pc端可以显示，在移动端有些可以显示，但是有些手机一进去是连文字都不显示，但是可以复制（意思就是文字变成透明的了），然后手动刷新一次，就会出现文字+字体。为什么有的手机第一次进去都不显示呢？这个是什么问题？怎么解决？如果说是文字没加载完，我这里也做了一个loading，加载完字体再进页面，但是也没作用，在线等，急！！！！！

Answer 1

经多次检验，发现loading完到第二页后字体不显示的原因是，我在第二页又再次定义了字体，相当于重复引用了，

Answer 2

路径后面加个随机值，让浏览器重新请求，不要缓存

Answer 3

移动端定义有效果？

Answer 4

字体最好放在全局，如果局部再使用个别字体，局部再引用