失效的原因是手机没有这个字体,所以就显示不出来,我们可以通过@font-face来引入字体
字体下载可以锐字云字库黑体简繁-官方免费下载 - 锐字潮牌字库到这下载,下载好是一个.ttf格式得到文件
我是在assets目录下创建了一个b.myFont.css代码写里面
@font-face{
font-family: 'Verdana';
src: url('./Verdana.ttf');
}
很简单的,font-family是名字,可以自定义的,src就路径
可以引入多个
最后,如果你想全局使用的话就在main.js文件引入,也可以在用到的页面引入
就可以啦