Question

我正在制作一个chrome扩展程序，该扩展程序更改字体以使网站看起来更好。例如，它将Comic Sans更改为Helvetica。

到目前为止，我的代码如下：

Index.html

<!DOCTYPE html>
<html>

Main.css

.some-font { font-family:"Comic Sans MS", "Chalkboard", cursive; }
.another-font { font-family: Helvetica, Sans-Serif; }

Main.js

$(document).ready(function() {
    $(‘h1’).removeClass(‘some-font’).addClass(‘another-font’);// all custom jQuery will go here
});

Mainifest.json

{
  "manifest_version": 2,
  "name": "Chrome Extension",
  "version": "1.0",
  "description": "Changes Fonts to make websites/mails look beter",
  "permissions": [
    "activeTab"
  ],
  "chrome_url_overrides": {
    "newtab": "index.html"
  },
  "incognito": "split",
  "icons": {
    "128": "icon.png"
    }

}

当我在邮件中尝试此操作时，它不起作用。有什么建议么？预先感谢！

Answer 1

（由xOxxOm解决）

在manifest.json中将main.js和css声明为内容脚本，以使其在网页上自动运行。然后只需在css文件中将本地src替换为@ font-family。

如何创建可更改网页字体的Javascript / JSON脚本

1 个答案: