uniapp 引入并使用外部字体

1.下载(.ttf)并放入项目中

1.1网站搜索下载字体对应ttf文件

附一个下载字体网站:

字体天下-提供各类字体的免费下载和在线预览服务

1.2 把下载好的文件放入static/font目录中

2.在app.vue中引用

@font-face {

font-family: 'zitiming';

src: url('@/static/font/YouSheBiaoTiHei-2.ttf');

}

注意: 地址前记得加@,避免打包后静态字体文件加载失败

3.使用:

font-family:zitiming