有没有办法将 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);

Answer 2

在“元素”面板 > “DOM 树”中选择一个元素，然后按F2编辑<headHTML 的 > 标签。从那里，只需将<link>标签添加到您的 HTML 中即可。按Command+ Enter(Mac) 或Control+Enter保存更改。

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