如何在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字体的方法。 希望它有帮助。

  1. 只需转到https://fonts.google.com/
  2. 点击+添加字体
  3. 转到选定的字体>embedded> @IMPORT>复制url并粘贴到您的.css文件上方的身体标记。
  4. 完成。

使用标签@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; } 

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

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

Jus通过链接

https://developers.google.com/fonts/docs/getting_started

将其导入到样式表使用

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

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

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