Tl;DR If you have problems getting a Montserrat-Black to work check back to this note for the solution.

Hey guys,

In the next lesson, I'll be introducing you to Google fonts. Some students have had issues getting the bolder Montserrat black to show up because Google has updated their website UI. In order to get the different font weights of the Google font, you need to include it when you select it in Google fonts.

So when you are on the font page, make sure you select the 100, 400 and 900 font weights, e.g.

Next, look at the right-hand pane and make sure that you have all the desired font weights and then click on the Embed tab.

Now you should be able to copy the stylesheet link for the font and use it in your CSS.


So the final code should look like this:


<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;900&family=Ubuntu:wght@300;400;700&display=swap" rel="stylesheet">
h1 {  font-family: 'Montserrat, sans-serif';  font-size: 3rem;  line-height: 1.5;  font-weight: 900;}