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

css CSS

宝儿逆天

2020-03-24

我正在使用CMS，但我只能访问CSS文件。因此，我不能在文档的标题中包含任何内容。我想知道是否可以从CSS文件中导入Web字体？

第3499篇《如何在CSS文件中导入Google Web字体？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共5个回答

凯西里 2020.03.24

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

宝儿 2020.03.24

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

猪猪小小 2020.03.24

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

番长樱梅 2020.03.24

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

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

老丝 2020.03.24

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android