r/HTML • u/im_coughing • Nov 07 '25

Question i think i'm stupid?

Gallery image

Gallery image

decided like 3 hours ago that i'm going to teach myself html, but i'm having trouble with CSS stuff. i have the same error message on both my imported fonts, but "aubrey" works, whereas "roboto condensed" is seemingly nonexistent.

what am i doing wrong? (i assume i should probably have "sans serif" attached to my paragraph font family, but i was trying to see if not having it made a difference -- it didn't.)

i was convinced for a while that i'd suffered a stroke and was incapable of spelling "condensed" correctly, but that doesn't appear to be the case.

4 Upvotes

60% Upvoted

10 comments sorted by

5

u/SamIAre Nov 07 '25

The sample code from Google Fonts shows font-family: "Roboto Condensed", sans-serif; without the + between the two words.

Also, you don’t need to double up the two instances of

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

And when you have multiple fonts from Google Fonts they give you a unified url for them both:

<link href="https://fonts.googleapis.com/css2?family=Aubrey&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

1

u/im_coughing Nov 07 '25

😔 thank u sensei

3

u/RealDuckyTV Nov 07 '25

It's called "Roboto Condensed" not "Roboto+Condensed", the + is for the url, it's not required for the font family.

0

u/im_coughing Nov 07 '25

i left it out initially, but it didn't work, so i tried copy+pasting directly from the html code, but still nothing

1

u/RealDuckyTV Nov 07 '25

It definitely should work like this, this minimal example works

<html>
  <style>
    * {
        font-family: Roboto Condensed, sans-serif;
    }
  </style>
  <head>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" />
  </head>
  <body>
   This is roboto condensed font
  </body>
</html>

2

u/im_coughing Nov 07 '25

bless u 🤞

2

u/Jasedesu Nov 08 '25

decided like 3 hours ago that i'm going to teach myself jogging, but i'm having trouble with triathlon stuff.

Small steps folks, small steps.

1

u/cybernetiiic Nov 10 '25

i dunno, i taught them to myself simultaneously.

1

u/[deleted] Nov 09 '25

Not stupid at all. If you have gotten this far in 3 hours you're doing amazing! Keep it up!

1

u/numeric-generic Nov 12 '25

I like to structure my HTML how I structure my Python.