如何更改chrome扩展中的内容脚本的字体

时间:2017-05-03 12:58:51

标签: css google-chrome-extension

我通过内容脚本将一些HTML注入页面,并希望更改相同的字体。到目前为止,我已经在我的清单中完成了"web_accessible_resources": ["images/*", "fonts/*"],并且在我的内容脚本对应的css中,我已经完成了:

@font-face{
    font-family: Trench;
    src: url('chrome-extension://__MSG_@@extension_id__/fonts/trench.otf') format(opentype);
}

HTML正确地注入页面,我也没有在控制台中出错。字体仍然是默认字体,并且不会根据需要更改。

我所做的一个观察是,如果我提供了错误的URL,例如我将某些字符更改为错误的字符,我仍然不会收到任何错误。我不知道原因可能是。

另一个观察:如果在选择器中我提供了现有字体,例如font-family: "Verdana",那么它会正确更改。所以问题缩小到“Trench”没有加载,不是吗?

0 个答案:

没有答案