google-chrome-devtools - 有没有办法将 Google 字体加载到 Devtools 中

Question

我知道我可以在打开 Devtools 的情况下将我想使用的字体导入 CSS 文件。对于 Google 来说，将其庞大的字体库链接到 Devtools 似乎是轻而易举的事。有没有办法做到这一点？

Answer 1

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

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