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

2018-06-20 21:41:29

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

使用导入方法：

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

显然，“Open Sans”是导入的字体。但是你可以用你的替换它。如果是单字字体，只需在字体后加上字体名称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);

用您的字体名称替换Open + Sans参数值。

你的CSS文件应该如下所示：

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

body{
   font-family: 'Open Sans',serif;
}

还有两种方法可以在您的网站中导入Google Web字体。希望能帮助到你。

链接地址: http://www.djcxy.com/p/58739.html