微信小程序，全局引入字体,详细demo

微信小程序中全局引入字体文件通常是在`app.json`配置文件中设置，并通过`<font-set>`标签在页面模板中引用。以下是详细的步骤：

1. **添加字体到资源文件夹**:
- 在项目根目录下创建一个名为`fonts`的新文件夹，用于存放你需要引入的字体文件，例如`my-font.ttf`。

2. **更新`app.json`配置**:
在`app.json`文件中找到`config`部分，添加如下内容，指定字体文件路径：

   {
     "manifest": {
       "version": "your_version",
       "appBackgroundColor": "#fff",
       ...,
       "window": {
         "backgroundTextStyle": "light",
         "navigationBarBackgroundColor": "#fff",
         ...,
         "resourcePath": "/fonts"
         // 这里指定了字体文件所在的目录
       },
       ...,
     }
   }

3. **在需要使用的页面中引入字体**:
在每个需要应用此字体的页面.wxml文件头部，添加 `<font-set>` 标签，如：

   <view>
     <font-set src="/fonts/my-font.ttf"> <!-- 注意路径是从 app.json 的 resourcePath 开始 -->
       <text style="-webkit-text-stroke: 1px black;">示例文字</text> <!-- 使用带有自定义字体的文字 -->
     </font-set>
   </view>

4. **兼容性说明**:
微信小程序的`<font-set>`支持iOS和Android平台，但在某些旧版本的微信客户端上可能会有兼容性问题，尤其是对于WebFont的支持有限。