如何导入谷歌的Web字体在CSS文件？(How to import Google Web Font

我与CMS的工作，我只能访问到CSS文件。所以，我不能包含在文档的HEAD什么事情。我想知道是否有办法从CSS文件中导入Web字体？

Answer 1:

使用导入方法：

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

显然，“打开三世”是进口的字体。但是你可以用你的更换。如果它是一个字的字体，只包括字体的名称后family=...如果是两个词，做像我一样，添加一个+每个字之间签署。

注： 将@import在CSS文件的行。 （ 感谢@Ronny指出了这一点 ）。

在谷歌web字体库，你要使用，当你决定在其字体，它为您提供了三个选项卡的盒子。每个标签是注射法，HTML，CSS或JavaScript。该@import标签应该给你你需要的CSS文件的代码。见图片：

Answer 2:

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

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

Answer 3:

添加下面的代码在你的CSS文件导入谷歌的Web字体。

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

请以你的字体名称打开+三世参数值。

你的CSS文件应该是这样：

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

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

Answer 4:

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

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

Answer 5:

只要进入https://fonts.google.com/
通过单击添加字体+
转到所选字体>嵌入> @IMPORT>复制网址并在上述身体标记您的.css文件粘贴。
完成。

Answer 6:

使用标签@import

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

Answer 7:

除了上述的答案，确实也考虑本网站; https://google-webfonts-helper.herokuapp.com/fonts

优点：

允许您自托管的谷歌字体为更好的响应时间
选择您的字体（S）
选择你的字符集
选择你的字体样式/重量
选择你的目标浏览器
和u得到CSS代码段（添加到您的CSS样式表），再加上字体文件的zip压缩在您的项目包括

例如your_theme.css

 @font-face { font-family: 'Open Sans'; font-style: normal;  font-weight: 400;
             src: local('Open Sans Regular'), local('OpenSans-Regular'),
             url('css_fonts/open-sans-v15-latin-regular.woff2') format('woff2'), 
             url('css_fonts/open-sans-v15-latin-regular.woff') format('woff'); 
 }

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

Answer 8:

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

是否CMS支援iframe？您可能能够抛出一个iframe到您的内容的顶部，太。这很可能是慢 - 更好地把它列入你的CSS。

Answer 9:

物权法经过链接

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

要导入它样式表的使用

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

Answer 10:

<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">

然后就可以正常使用这个作为FONT-FAMILY在你的整个HTML / CSS文件。

例如

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

Answer 11:

我们可以很容易地做到这一点在CSS3。我们简单地使用@import声明。下面的视频很容易说明如何做到这一点的方式。所以，尽管看不出来。

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

文章来源: How to import Google Web Font in CSS file?