skip to Main Content

I was trying to use google fonts on CSS for my webpage but instead of rendering the chosen font, it showed the default sans-serif font. What changes could I make to the code?

h1 {
  font-family: 'Montserrat-Black', sans-serif;
  font-size: 3rem;
  line-height: 1.5;
}
<link href="https://fonts.googleapis.com/css2?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu" rel="stylesheet">

<h1>test</h1>

2

Answers


  1. As I understood, you want to use the Black version of Montserrat. Here is how you can do it:

    font-family: 'Montserrat', sans-serif;
    font-weight: 400; /* This value changes from font to font. It's like a value of its boldness */
    font-weight: bold; /* That's a way too */
    
    Login or Signup to reply.
  2. First way: For using black version of this font you can import just black version:

    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap" rel="stylesheet">
    

    In this way, for using Black version of Montserrat you can just set font-family: 'Montserrat', sans-serif;

    Second way: Also you can import all versions and Give font-weight: 900; to every where you wanna be black version.

    ………….

    If you need just black version, do first way. Else second.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search