What are some reasons for a font you've linked to your HTML document not showing up on your browser?

I’ve linked the font to the HTML document and then used the font-family element in my styles.css, but the font did not show up on the browser. The fallback font was returned instead. What could be the problem here?

Could you show me the code please? I want to check it, because there may be errors.

Screenshot 2020-09-29 at 08.38.18

There we go, I tried with another font that was not “Space Mono”

I think it is because that font isn’t really on google fonts. Go to http://fonts.google.com and type ‘Droid Serif’ on the search bar. Something like this should appear on the screen:

If you click on the Droid Serif link, it should redirect you to the actual page that owns the font (https://www.fonts.com/font/ascender/droid-serif?QueryFontType=Web&src=GoogleWebFonts). The problem is, you have to pay for the font. You can buy it if you are willing, but I’d recommend you to keep on browsing google’s fonts

1 Like

I see I see…Thank you for your help! :smile:

You’re welcome! :smiley: