JS Canvas API渲染Neue-Plak半粗体字体异常问题求助

我已在项目中导入Neue-Plak半粗体字体，使用Canvas 2D Context API编写了如下渲染代码：

const width = 1456
const height = 816
const canvas = createCanvas(width, height)
const context = canvas.getContext('2d')

registerFont(plakSemiBoldPath, { family: 'NeuePlak-SemiBold' })
context.fillStyle = '#FFF'
context.font = '80px NeuePlak-SemiBold'
context.fillText("367.34x", 100, 525)

随后使用sharp将渲染后的文本叠加到模板图片：

sharp(templatePath)
.composite([{ input: textBuffer, blend: 'over' }])
.toFile('./image_output/test.png', (err, info) => {
  if (err) reject("Error generating image " + err)
  resolve(true)
})

尽管指定了半粗体字体，输出结果却渲染出超轻量版本的文本。我已尝试转换字体格式、更换字体来源、调整context.font中的font-weight参数，但均未解决问题。同时确认该字体并非可变字体，下载时包含多个样式文件。

• 明确注册字体的weight属性
  Canvas匹配字体依赖weight参数，Neue-Plak半粗体对应的标准weight值为600。修改注册逻辑，将字体族统一命名，同时指定weight：

  registerFont(plakSemiBoldPath, { 
    family: 'NeuePlak',
    weight: '600'
  })
  

  然后在设置字体时，明确声明weight和字体族：

  context.font = '600 80px NeuePlak'
  

  不要将字体族命名为NeuePlak-SemiBold，这种命名会让Canvas无法识别对应的weight规则，导致自动 fallback到轻量字体。

• 验证字体文件的正确性
  用系统字体预览工具确认plakSemiBoldPath指向的文件确实是半粗体版本，避免误导入轻量字体文件。

• 强制字体匹配规则
  设置完整的字体格式参数，避免Canvas自动选择 fallback字体：

  context.font = 'normal 600 80px NeuePlak'
  

  同时可添加context.textBaseline = 'top'，减少渲染偏移可能带来的视觉误差。

• 调整Canvas渲染配置
  禁用可能影响字体粗细的平滑选项：

  context.imageSmoothingEnabled = false
  context.textRendering = 'geometricPrecision'
  

  部分环境下，字体平滑会让半粗体线条被过度模糊，看起来更细。

• 检查Canvas导出格式
  确保Canvas导出的文本缓冲区为带alpha通道的PNG格式，避免叠加时丢失字体细节：

  const textBuffer = canvas.toBuffer('image/png')
  

内容的提问来源于stack exchange，提问作者0xSorcerer