我的html页面中的字体样式没有改变

【问题标题】：font style is not changing in my html page我的html页面中的字体样式没有改变
【发布时间】：2021-08-11 13:40:44
【问题描述】：

这是我遵循的代码：

@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Palette+Mosaic&display=swap');

.container {
   font-family: Architects Daughter;
}

h3 {    
   color:brown ;
}

这是我得到的结果

【问题讨论】：

您在哪里导入这个 Url 索引文件或任何其他地方？
这能回答你的问题吗？ Do I need to wrap quotes around font family names in CSS?

标签： html css

【解决方案1】：

font-family: Architects Daughter

来自the docs：

<family-name> 字体系列的名称。例如，“时代”和 “Helvetica”是字体系列。 包含空格的字体系列名称应该被引用。例如：“Comic Sans MS”。

@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Palette+Mosaic&display=swap');

.container {
   font-family: "Architects Daughter";
}

h3 {    
   color:brown ;
}

&lt;h3 class="container"&gt;Login&lt;/h3&gt;

【讨论】：

@SHaripriya 但是，正如您在此处看到的，它确实有效。您一定还有其他问题。