如何使用 Chrome 开发者工具加载新字体？

Question

Chrome 开发者工具非常适合编辑 CSS。

有没有办法从 Chrome 开发者工具加载新字体，而无需更改服务器上的源代码？

我希望能够加载新字体并从 Chrome 开发者工具中试用。

Answer 1

在 Chrome 开发人员工具中，转到 Sources 并打开您的 css 文件。在文件开头添加 @import url(...); 以导入新字体，然后更改 css 以使用该字体系列：

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
  font-family: "Open Sans", sans-serif;
}