gpt4 book ai didi

Angular 使用谷歌字体库

转载 作者:太空狗 更新时间:2023-10-29 17:09:12 27 4
gpt4 key购买 nike

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

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

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

最佳答案

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

关于Angular 使用谷歌字体库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50362039/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com