如何在较少的CSS中使用谷歌字体？嵌入式自定义字体的任何其他解决方案更少？

Question

如何在较少的CSS中使用谷歌字体？

或更少的嵌入式自定义字体的任何其他解决方案

http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,600italic,700,700italic,900,900italic,400italic'rel ='stylesheet'type ='text/css'>

Answer 1

尝试:

@import (css) url(...)

保持导入语句按原样排在最前面.

Answer 2

我只会在我的 CSS 文件的顶部使用 @import 命令，然后您可以通过在字体末尾添加管道并键入您想要的任何其他字体的名称来简单地添加新字体。要使用它们，只需使用 CSS font-family style 命令：

@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC | Londrina+Outline);
span {
  font-family: 'Playfair Display SC', serif;
}

HTML

<span> This is an example text. </span>

希望这有帮助！

Answer 3

创建一个文件，例如-`google-fonts.css`

在里面添加你的内容

@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC | Londrina+Outline);

在您的.less文件中添加：

@import (inline) "google-fonts.css";

你的样式表中有你的谷歌字体