【问题标题】:Firefox add-on font change [duplicate]Firefox附加字体更改[重复]
【发布时间】:2023-04-11 02:10:02
【问题描述】:

我正在构建一个 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 加载文件呢?

【问题讨论】:

  • 你在使用 addon-sdk 吗?您需要更改什么字体 - 特定网页上的某些元素?

标签: css firefox fonts firefox-addon


【解决方案1】:

这仅用于背景。例如。您要为其构建插件的对话框。如果要在网页上启用它,则必须将带有 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")));

【讨论】:

  • 所以这一行脚本会出现在应用程序内的所有页面上?
  • 不,仅在当前可见选项卡上。但它也会改变,如果你改变你的标签(事件驱动)。
  • 那么我到底应该在哪里添加这一行?我很抱歉问这个问题,我似乎是一个微不足道的问题,但我不知道如何解决这个问题。
  • 你有一个后台脚本来初始化你的插件。在那里你应该按照链接中的说明添加这一行。
猜你喜欢
  • 2014-11-15
  • 2020-01-19
  • 1970-01-01
  • 1970-01-01
  • 2016-11-27
  • 2016-08-19
  • 1970-01-01
  • 1970-01-01
  • 2014-02-08
相关资源
最近更新 更多