Angular使用Google字体库

发布时间：2020-12-17 17:47:28 所属栏目：安全来源：网络整理

导读：我在Angular项目的styles.css文件中添加了导入Google字体的链接.就这个： @import url('https://fonts.googleapis.com/css?family=Muli:400,700'); Noe如何在我的项目中全局应用字体,以及如何将其添加到html元素中,例如. 解决方法使用谷歌字体的最佳方法是

我在Angular项目的styles.css文件中添加了导入Google字体的链接.就这个：

@import url('https://fonts.googleapis.com/css?family=Muli:400,700');

Noe如何在我的项目中全局应用字体,以及如何将其添加到html元素中,例如.

解决方法

使用谷歌字体的最佳方法是在index.html文件中包含脚本include< head> …< / head>部分.当你深入研究Google作为你的朋友时,你会发现最好的部分之一是他们的cdn是以这种方式支持的！

等效的脚本包括：
< link href =“https://fonts.googleapis.com/css?family=Muli:400,700"rel =”stylesheet“>

这与Google的Material – Icons的工作方式类似！

要在样式表中使用它,请将其包含在基本styles.css文件中：

html,body {
    font-family: 'Muli';
}

注意：你会发现css标签“font-family”实际上有很多选项.这是最基本的,但如果您想了解更多信息,我很乐意更新答案以便更具体.我想尽力去理解你的问题,解决它,我们可以一起深入了解这个问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!