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

EN

使用@import方法：

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

显然，"Open Sans“(Open+Sans)是导入的字体。所以把它换成你的吧。如果字体名称有多个单词，可以像我一样，通过在每个单词之间添加一个+符号来对其进行URL编码。

确保将@import放在CSS的最上面，放在任何规则之前。

谷歌字体可以自动为你生成@import指令。选择字体后，单击该字体旁边的(+)图标。在左下角，将出现一个标题为"1 Family Selected“的容器。单击它，它将展开。使用"Customize“选项卡选择选项，然后切换回"Embed”并单击"Embed Font“下的"@import”。将<style>标记之间的CSS复制到样式表中。

​

​

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

最好不要使用@import。只需在布局的头部使用link元素，如上图所示。

下载font ttf/其他格式文件，然后简单添加此CSS代码示例：

​

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

​