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

我正在使用一个CMS，我只能访问CSS文件。所以，我不能在文档的HEAD中包含任何东西。我想知道是否有一种方法从CSS文件中导入Web字体？

使用导入方法：

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

显然，“Open Sans”是导入的字体。但是你可以用你的replace它。如果是单个字体的字体，只需在字体family=...后包含字体名称family=...如果是两个单词，请按照我的操作，并在每个单词之间添加一个+号。

注意： 在CSS文件的第一行放置@import 。 （ 感谢@Ronny指出 ）。

在Google Webfont Library中，当您决定要使用哪种字体时，会为您提供一个包含三个选项卡的框。每个选项卡都是注入方法，HTML，CSS或JavaScript。 @import标签应该给你你需要的css文件的代码。见图：

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

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

在您的CSS文件中添加下面的代码来导入Google Web字体。

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

用您的字体名称replaceOpen + Sans参数值。

你的CSS文件应该是这样的：

 @import url(https://fonts.googleapis.com/css?family=Open+Sans); body{ font-family: 'Open Sans',serif; }

在您的网站上还有两种导入Google Web字体的方法。希望它有帮助。

使用标签@import

 @import url('http://fonts.googleapis.com/css?family=Kavoon');

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

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

CMS是否支持iframe？您也许可以将iframe放入内容的顶部。这可能会慢一些 – 最好把它包含在你的CSS中。

Jus通过链接

将其导入到样式表使用

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

我们可以很容易地在css3中做到这一点。我们必须简单地使用@import语句。下面的video很容易描述如何做到这一点。所以请继续看下去，你好我的名字是可汗我不是一个恐怖分子。