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

Question

Chrome Developer工具非常适合编辑CSS。

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

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

Answer 1

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

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

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