Angular使用Google字体库

前端之家收集整理的这篇文章主要介绍了Angular使用Google字体库前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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”实际上有很多选项.这是最基本的,但如果您想了解更多信息,我很乐意更新答案以便更具体.我想尽力去理解你的问题,解决它,我们可以一起深入了解这个问题.

猜你在找的Angularjs相关文章