如何在Chrome扩展程序中使用.tff字体？

Question

我是CSS新手，不知道为什么这不起作用。我从网上下载了一个.tff字体并将其放在popup.css旁边的css文件夹中。这不是内容脚本扩展，如果它有所不同（此字体用于弹出窗口和设置页面），并且我通过＆＃34;加载解压缩＆＃34;加载我的扩展名。关于chrome扩展。

popup.css

@font-face{
 font-family:'digital-7';
 src: url("./digital-7.ttf");
}

.digit {
  font: digital-7;
  color: blue;
  display: inline-block;
  font-weight: 'bold';
  font-size: 32px;
}

我的一个React组件文件中的相关元素：

<div className="digit">{this.state.seconds}</div>

我尝试将type="text/css"添加到div中，并尝试提交url()，因为我不确定为什么我会需要，但那些没有工作要么。这与清单文件有关吗？我甚至没有得到任何我能看到的错误。

Answer 1

问题是一个简单的错误，我需要使用font-family: digital-7而不是font: digital-7。