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

我们可以在css3中轻松地做到这一点。我们必须简单地使用@import语句。以下视频轻松地描述了如何做到这一点。所以请继续注意。

https://www.youtube.com/watch?v=wlPr6EF6GAo

您也可以使用@ font-face链接到URL。 http://www.css3.info/preview/web-fonts-with-font-face/

CMS是否支持iframe？您也可以将iframe放入内容的顶部。这可能会比较慢-最好将其包含在CSS中。

<link href="https://fonts.googleapis.com/css?family=(any font of your 
choice)" rel="stylesheet" type="text/css">

要选择字体，您可以访问以下链接：https : //fonts.google.com

在网站上写下您选择的字体名称（不包括方括号）。

例如，您选择龙虾作为您选择的字体，

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" 
type="text/css">

然后，您可以在整个HTML / CSS文件中正常使用它作为字体系列。

例如

<h2 style="Lobster">Please Like This Answer</h2>

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

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

1. 只需转到https://fonts.google.com/
2. 点击+添加字体
3. 转到选定的字体>嵌入> @IMPORT>复制URL，然后将其粘贴到body标签上方的.css文件中。
4. 完成。