有没有办法将Google字体加载到Devtools中

Question

我知道我可以在Devtools打开的情况下将我想要使用的字体导入到CSS文件中。对于谷歌来说，将他们庞大的字体库链接到Devtools似乎是不费吹灰之力的。有没有办法做到这一点？

Answer 1

在元素面板＆gt;中选择一个元素 DOM树并按 F2 编辑G.node[0]['x']＆gt; HTML的标记。从那里，只需将<head标记添加到HTML即可。按命令 + 输入（Mac）或控制 + 输入以保存更改。

在网络面板中，您会看到对字体文件的请求。

Answer 2

答案太旧了，但这可能会对其他人有所帮助。在控制台中输入以下代码，然后可以在Element> styles

中使用它

var link = document.createElement('link');
link.href = "https://fonts.googleapis.com/css?family=Roboto";
link.rel = "stylesheet";
document.body.prepend(link);