HarmonyOS 鸿蒙Next中应用加载自定义Symbol失败了……请帮帮我

HarmonyOS 鸿蒙Next中应用加载自定义Symbol失败了……请帮帮我 https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ui-design-custom-symbol-res-register#约束条件

我是根据这个文档进行实践的，但是我没看懂。

src/main/ets/component/VividSymbols.ets

import { symbolRegister } from '@kit.UIDesignKit';
import { BusinessError } from '@kit.BasicServicesKit';

@Preview
@Entry
@Component
struct VividSymbols {
  @State fontWeightValue: number = 400; // 可变字体粗细值

  aboutToAppear(): void {
    let uiContext: UIContext = this.getUIContext();
    uiContext.getFont().registerFont({
      familyName: 'VividSymbol',
      familySrc: $rawfile('symbol/VividSymbols-VF.ttf')
    });

    try {
      console.info("Starting symbol registration...")
      // 注册自定义的Symbol资源,在resource/rawfile目录下配置图标资源
      let result =
        symbolRegister.registerSymbol(
          $rawfile("symbol/VividSymbols-VF.ttf"),
          $rawfile("symbol/VividSymbols-VF.json")
        );
      console.info("Registration result: " + JSON.stringify(result))
    } catch (error) {
      let err = error as BusinessError;
      console.error("errCode:" + err.code)
      console.error("error " + err.message);
    }
  }

  build() {
    Column({ space: 20 }) {
      Text("Vivid Symbols")
        .fontSize(24)
        .fontWeight(FontWeight.Bold)

      Text(`fontWeight: ${this.fontWeightValue}`)
        .fontSize(16)

      Slider({
        value: this.fontWeightValue,
        min: 100,
        max: 900,
        step: 100
      })
        .blockColor('#007DFF')
        .trackColor('#CCCCCC')
        .selectedColor('#007DFF')
        .width('80%')
        .onChange((value: number) => {
          this.fontWeightValue = value;
        })

      // 这个不展示，但是占用屏幕面积
      SymbolGlyph($r('app.string.symbol_custom_my'))
        .fontSize(80)
        .fontWeight(this.fontWeightValue)
        .fontColor([Color.Red])

      // 可以展示，但是 fontWeight 貌似只有两种：400 和 700
      // 我生成字体时，原始的 SVG 图标时是 100 400 900 的
      Text('\uE100')
        .fontFamily('VividSymbol')
        .fontSize(80)
        .fontWeight(this.fontWeightValue)

      Text("系统 Symbol 对比:")
        .fontSize(16)
        .margin({ top: 20 })

      SymbolGlyph($r('sys.symbol.person'))
        .fontSize(48)
        .fontWeight(this.fontWeightValue)
        .fontColor([Color.Blue])
    }
    .width('100%')
    .padding(20)
  }
}

我生成的字体的网盘链接

https://pan.baidu.com/s/1QysgHdwVES8yV60X7QD3NA?pwd=n91g

因为这里的附件上传好像有问题，传不上去文件。

请帮我看看，为啥

SymbolGlyph($r('app.string.symbol_custom_my'))

这样不展示符号。

这个字体放网页上，可以丝滑连续的做粗细变化，在上面代码里，要么不展示，能展示的，好像也只能有两种粗细变化，目测的。

我的期待是使用 SymbolGlyph 这个做 自定义 Symbol 的展示，希望支持不同粗细的调节。

字体在网页上的展示：

回复帮助我的人：

在讨论区上传图片会遇到这个问题，所以我在这里回复。

测试设备：

我没有真机，我是使用这个模拟器运行的。

我做过的尝试：