Firefox附加组件字体更改

Question

我正在构建一个firefox扩展。我需要帮助改变应用程序的字体。使用MDN上的文档，这里

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

我写了我的CSS如下：

@font-face
{
font-family: family-name;
src: url('OpenSans-Light.ttf'); 
}
@font-face
{
font-family: familynamebold;
src: url('open-sans.regular.ttf');
}

字体文件存储在与尝试加载它们的css文件相同的目录中。当我运行扩展时，字体根本不会改变。在检查元素时，CSS显示font-family: familynamebold;但我看不到字体本身的任何变化。

它是否可能没有加载字体文件？如果是这种情况，那么我应该为Firefox加载文件做些什么呢？

Answer 1

这仅适用于背景。 E. g。你想要为你建立插件的对话框。如果要在网页上启用它，则必须将带有javascript的content_script注入当前的焦点选项卡。

见这里：http://blog.mozilla.org/addons/2011/09/01/add-on-sdk-faq-content-script-access/

和

这样的东西

document.head.appendChild(doucment.createElement("style").appendChild(doucment.createTextNode("you css here")));