时间戳

首页 > 解决方案 > 如何在 Chrome 扩展程序中使用 .tff 字体？

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

问题描述

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

弹出窗口.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()因为我不确定我为什么需要它，但这些也不起作用。这与清单文件有关吗？我什至没有看到任何错误。

标签： htmlcssgoogle-chromegoogle-chrome-extension

解决方案

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

推荐阅读