字体作为文字展示的基础是不可缺少的存在，网站中常见为使用系统默认的字体。但对于一些网站来说默认字体可能并不适合他的需求，个性独特的第三方字体就成了选择。

那么在uni-app开发中我们要如何引入及使用本地或网络的第三方字体呢？

本篇内容就uni-app引入字体及使用给出详细代码说明。

uni-app对于字体的引入提供专门的方法：uni.loadFontFace

完整代码如下：

onLoad() {
	uni.loadFontFace({
		// global: true, // 是否全局生效
		family: 'testName', // 定义的字体名称
		source: 'url("字体网络链接")', // 字体资源的地址。建议格式为 TTF 和 WOFF，WOFF2 在低版本的iOS上会不兼容。
		success() {
		  console.log('成功的回调函数')
		},
		fail(){
		  console.log('失败的回调函数')
		},
		complete(){
		  console.log('接口调用结束的回调函数（调用成功、失败都会执行）')
		}
	})
},

uni.loadFontFace兼容性：

    兼容平台：5+App H5 微信小程序 支付宝小程序

    不兼容平台：百度小程序 抖音小程序、飞书小程序、QQ小程序

注意项：

    微信小程序端只支持网络字体，字体链接必须是https。

    微信小程序端字体链接必须是同源下的，或开启了cors支持，微信小程序的域名是servicewechat.com