項目場景：

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

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

2、在頁面的CSS中使用：

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

3、效果圖：
a、H5頁面上：

b、微信開發者工具里面：

---

問題描述

解決：把引入格式轉換一下就可以生效了：
1、首先進入這個網站：https://transfonter.org/
2、把ttf等文件導入，點Add fonts那里；

3、轉換（點上面Convert）；
4、把下載下來的CSS文件放到項目里；
5、在App.vue的style中引入：

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。