uniapp app 引用第三方字体库

在 UniApp 中引用第三方字体库，可以按照以下步骤操作：

1. 下载字体文件：从第三方字体库的官方网站或其他来源下载所需的字体文件，通常为 `.ttf` 或 `.otf` 格式。

2. 创建 `fonts` 文件夹：在 UniApp 项目的根目录中创建一个名为 `fonts` 的文件夹，用于存放字体文件。

3. 引入字体文件：将下载的字体文件复制到 `fonts` 文件夹中。

4. 配置 `manifest.json`：在项目的 `manifest.json` 文件中，找到 `"app-plus"` 节点，添加 `"fonts"` 字段并配置字体文件路径，示例如下：

"app-plus": {
  "fonts": {
    "custom": {
      "/fonts/FontName.ttf": {
        "family": "FontName",
        "weight": "normal",
        "style": "normal"
      }
    }
  }
}

其中，`/fonts/FontName.ttf` 是字体文件的相对路径，`FontName` 是字体的名称。

5. 使用自定义字体：在需要使用自定义字体的页面或组件中，通过 CSS 指定字体，示例如下：

@font-face {
  font-family: 'FontName';
  src: url('/fonts/FontName.ttf') format('truetype');
}

// 在需要使用自定义字体的元素上应用样式
.custom-font {
  font-family: 'FontName', sans-serif;
}

6. 更新编译：保存以上更改后，重新编译 UniApp 项目。

这样就可以在 UniApp 的应用中成功引用第三方字体库了。请注意，不同平台可能对自定义字体的支持存在差异，建议在目标平台上进行测试和调整。