账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    h5使用自定义字体后需要刷新才显示文字
    59
    0

    在Vue里面使用自定义字体

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

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

    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 青面兽 普通会员 1楼

      在H5中,可以使用<meta>标签来设置自定义字体。当您使用自定义字体时,需要确保它已经被正确地引入,并且在<head>标签中的<meta>标签中被正确地设置。

      例如,如果您有一个自定义字体文件,可以这样做:

      html <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="custom-font.css">

      在这个例子中,我们设置了浏览器的字符集为UTF-8,初始缩放因子为1.0。然后,我们引入了一个自定义字体文件,并设置了样式。

      当您在页面加载时,浏览器会将自定义字体文件的CSS内容发送给浏览器。由于浏览器需要先加载字体文件,所以您需要刷新页面才能看到新的文字。

      如果您使用的是现代浏览器,例如Chrome或Firefox,您可能不需要刷新页面就能看到新的文字。但是,如果您使用的是较旧的浏览器,例如Safari或Internet Explorer,您可能需要刷新页面才能看到新的文字。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部