如何在CSS文件中导入Google Web字体？

Question

我正在使用一个我只能访问CSS文件的CMS。所以，我不能在中包含任何内容




Answer 1

下载字体ttf/其他格式文件，然后简单地添加这个CSS代码示例：

@font-face { font-family: roboto-regular; 
			 src: url('../font/Roboto-Regular.ttf'); } 
h2{
	font-family: roboto-regular;
}

Answer 2

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;lang=en" />

最好不要使用导入。只需在布局的头部使用如上所示的链接元素。

Answer 3

使用@import方法：

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

显然，“Open SAN”（“Open SAN”）是导入的字体。所以用你的来代替它。如果字体的名称有多个单词，URL将通过在每个单词之间添加符号对其进行编码，就像我所做的那样。

确保将导入放在CSS的最顶端，在任何规则之前。

Google Fonts可以自动为您生成@import指令。一旦您选择了字体，请单击它旁边的（）图标。在左下角，将出现一个名为“1家庭选择”的容器。单击它，它将展开。使用“自定义”选项卡选择选项，然后切换回“嵌入”并单击“嵌入字体”下的“@导入”。复制之间的CSS