如何使用Stripe元素提供自定义本地字体？

Question

我在网站上使用Stripe.js，并且尝试向elements中添加自定义字体：

var elements = stripe.elements({
  fonts: [
    {
      family: 'proxima-nova',
      src: 'local(proxima-nova.woff)',
      style: 'normal'
    }
  ]
});

但是，我在Javascript控制台中仍然遇到此错误：

  

无效的字体系列值：proxima-nova.woff。此值包含无效   字符。

我已经尝试使用local()，url()，单引号，双引号对src值进行所有可能的变化，甚至删除了文件名中的破折号，但无济于事。我不断收到相同的错误消息。

我在这里想念什么？

.woff字体文件是从我的应用程序的文件系统本地提供的。

感谢您的帮助。