Question

我正在开发一个Google Chrome扩展程序，它将样式表注入我在ActionBarActivity中定义的特定网站。

在样式表中包含manifest.json和@font-face所包含的网页字体，但src: url("chrome-extension://__MSG_@@extension_id__/assets/fonts/[...]似乎无法正常工作，而像Font Awesome这样的网页字体最终仍显示正方形。

的manifest.json

__MSG_@@extension_id__

的main.css

"manifest_version": 2,

"content_scripts": [
        {
        "matches": [
            "http://[url].com/*"
        ],
        "css": ["assets/css/main.css"]
    }
],

"web_accessible_resources": ["assets/fonts/*", "assets/img/*"]

我已经尝试在网址中硬编码我的扩展ID，它在我的iMac上运行并正确显示了字体真棒，但是当我切换到我的Macbook并硬编码新的扩展ID时，它并没有工作了，但我确定我没有做错任何事，因为我只需要更改身份证。现在我想尝试@font-face { font-family: 'FontAwesome'; src: url("chrome-extension://__MSG_@@extension_id__/assets/fonts/fontawesome/fontawesome-webfont.eot?v=4.3.0"); src: url("chrome-extension://__MSG_@@extension_id__/assets/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("chrome-extension://__MSG_@@extension_id__/assets/fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("chrome-extension://__MSG_@@extension_id__/assets/fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("chrome-extension://__MSG_@@extension_id__/assets/fonts/fontawesome/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("chrome-extension://__MSG_@@extension_id__/assets/fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }，但它也不起作用。另一种尝试使用Base64嵌入字体也失败了。我的其他网络字体是Roboto和Open Sans，包括同样的方式。

Chrome扩展程序无法访问字体。

＆＃34; __ MSG _ @@ EXTENSION_ID __＆＃34;没有工作，网页字体无法加载

0 个答案: