如何使用 Chrome 开发控制台更改网页字体？

Question

我正在寻找以不同字体查看网页的最简单方法。我设法通过 Chrome 开发工具做到了这一点，但我的方法很混乱。有没有我可以简单地粘贴到控制台中来实现这一目标的行？该站点确实使用 jQuery.

Answer 1

这会将正文的字体系列更改为 Comic Sans：

    let newStyle = document.createElement('style');
    newStyle.innerHTML = 'body { font-family: "Comic Sans MS"}'
    document.head.appendChild(newStyle);

如果页面上的其他元素（h1 等）分配了字体系列，您需要在 "body" 之后添加这些元素名称（body、h1、...）。

如何使用 Chrome 开发控制台更改网页字体？

How can I change web page's font using Chrome dev console?

google-chrome-devtools