angular - Angular 使用 Google 字体库

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

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

不，我如何在我的项目中全局应用字体，以及如何将它添加到 html 元素，例如 for .

标签： angularfonts

使用 google 字体的最佳方法是将脚本包含在index.html文件的<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”实际上有很多选项。这是最基本的，但如果您想了解更多信息，我很乐意将答案更新为更具体。我想尽最大努力去理解你的问题，解决它，我们可以一起对问题有一个深刻的理解。