font style is not changing in my html page

Question

This is the code I followed:

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

.container {
   font-family: Architects Daughter;
}

h3 {    
   color:brown ;
}

this is the result I got

where you'r importing this Url index file or any other place? — Zubair Saif, Aug 11 '21 at 13:45
Does this answer your question? [Do I need to wrap quotes around font family names in CSS?](https://stackoverflow.com/questions/7638775/do-i-need-to-wrap-quotes-around-font-family-names-in-css) — Heretic Monkey, Aug 11 '21 at 14:26

score 1 · Answer 1 · answered Aug 11 '21 at 13:51

font-family: Architects Daughter <-- Architects Daughter must be in quotes because it has a space in the name.

From the docs:

<family-name> The name of a font family. For example, "Times" and "Helvetica" are font families. Font family names containing whitespace should be quoted. For example: "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 ;
}

<h3 class="container">Login</h3>

@SHaripriya But, as you can see here, it does work. You must have other issues as well. — Scott Marcus, Aug 12 '21 at 13:31

font style is not changing in my html page

1 Answers1