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

在Vue里面使用自定义字体

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

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


一只甜甜圈
浏览 855回答 2
2回答

哆啦的时光机

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

慕莱坞森

路径后面加个随机值,让浏览器重新请求,不要缓存
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript