小程序如何引用外部woff字体

小程序（微信小程序）引入外部WOFF字体文件通常需要将字体文件上传到服务器，并设置正确的URL路径。以下是步骤：

1. **上传字体文件**：首先，你需要将你的`.woff`文件上传到你的服务器上，例如在云开发（腾讯云）、阿里云服务器或其他支持文件存储的服务。

2. **获取文件URL**：获取字体文件的完整URL，确保它可以在小程序中安全访问。例如：`https://your-server.com/font.woff`

3. **配置项目**：在小程序项目的`app.json`文件中，添加`resource`字段，用于指定静态资源目录。例如：

{
  "resource": {
    "fontPath": "/fonts" // 定义一个自定义的字体目录
  },
  ...
}

4. **在.wxss中引用**：在你的样式表`.wxss`文件中，使用`@font-face`规则导入字体，像下面这样：

@font-face {
  src: url('//your-server.com/font.woff') format('woff');
  font-family: 'CustomFont'; // 字体名
  font-weight: normal;
  font-style: normal;
}

.font-class {
  font-family: 'CustomFont', sans-serif;
}

5. **应用到元素**：最后，在HTML模板中，给需要使用新字体的元素添加`class="font-class"`即可。