导入@ font-face时无法在Chrome上设置字体粗细样式

Question

我有一个使用javascript，html和css创建的本地网站，该网站变成了一种类型生成器，可以根据您的书写速度改变字体粗细。

我正在尝试在本地导入自己创建的字体，并且在导入时可以在Safari和Firefox中使用，字体粗细会改变。但是在Chrome中，它只是粗体，重量也不会改变。

@font-face {
  font-family: "DynamikGX";
    src: url('fonts/DynamikGX.woff2') format('woff2'),
         url('fonts/DynamikGX.woff') format('woff'),
         url('fonts/DynamikGX.ttf') format('truetype');
}