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

时间:2017-09-10 21:27:29

标签: css fonts google-chrome-devtools

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

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

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

1 个答案:

答案 0 :(得分:3)

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

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

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