項(xiàng)目場(chǎng)景：

首先：我們按照正常步驟引入。
1、在App.vue中引入：

@font-face {font-family: 'Branding-BoldItalic'; //自定義的，一會(huì)兒用這個(gè)src: url('~@/static/font/Branding-BoldItalic.woff2.ttf');}

2、在頁(yè)面的CSS中使用：

text {font-family: Branding-BoldItalic; //用剛剛自定義的}

3、效果圖：
a、H5頁(yè)面上：

b、微信開發(fā)者工具里面：

---

問(wèn)題描述

解決：把引入格式轉(zhuǎn)換一下就可以生效了：
1、首先進(jìn)入這個(gè)網(wǎng)站：https://transfonter.org/
2、把ttf等文件導(dǎo)入，點(diǎn)Add fonts那里；

3、轉(zhuǎn)換（點(diǎn)上面Convert）；
4、把下載下來(lái)的CSS文件放到項(xiàng)目里；
5、在App.vue的style中引入：

@import './static/css/Branding-BoldItalic.css';

6、再去使用就行了。（注意使用時(shí)要和你的css文件里面的名稱一致）

總結(jié)

以上是生活随笔為你收集整理的【uniapp、微信小程序】解决引入外部字体在H5中生效，微信开发者工具中不生效的问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。