Making lists

← Forum
2716 pts

Eric Weinstein

Font Size Problems? Check Here First!

Hi everyone,

I've seen a lot of confusion surrounding exercises 2 and 3 in HTML Basics II > Styling the font! I want to be clear that the problem isn't related to these SCTs, but the error messages haven't exactly been the clearest, so I've updated them to clarify some hard-to-spot errors.

If you nest your <p> or <h1> tags incorrectly, like this:

<h1 <h1 style="...">Text</h1>
<h1> <h1 style="...">Text</h1>
<p <p style="...">Text</p>
<p> <p style="...">Text</p>

Instead of correctly, like this:

<h1 style="...">Text</h1>
<p style="...">Text</p>

You'll see the correct output in the live preview (that is, the font size or color will change appropriately), but the exercise won't pass you because your HTML is syntactically incorrect. The SCTs in these particular exercises have been updated to alert you if they detect improper nesting, which should help the issue.

If you find you're getting a really weird font-size reported back to you, such as 18.1818181818px, the problem is that your browser's zoom needs to be reset. If you type ⌘-0 (on a Mac—that's the command key and the 0 key together) or Ctrl-0 on a PC, that should reset your zoom. You can also do this in most browsers by going up to "View" and selecting "Reset" or "Actual Size."

Hope this helps!

Edit: I have seen some reports of browsers that automatically resize fonts below 9 or 10px, so exercises have been updated with a floor of 10px.

  • 724 pts

    tim mullins

    232 votes
    I think there is a bug in the system. I tried this code...
    
       <h1 style="color:green;font-size:16px">Big Heading</h1>
            <p style="color:violet">A giant bear and a little duck were friends.</p>
            <p style="color:red;font-size:10px">But the bear got hungry and ate the duck.</p>
    
    Tried it in firefox and chrome both, refresh zoom, reload, reset. Always got an error saying either my heading looked like 32 px or was supposed to make the heading green. Finally, I removed everything between the body tags <body> </body>  and got **That's Correct!**
    
    Show all comments
    • Preeti Gopalakrishna Gandhi over 1 year ago
      I did that too, same problem and it got resolved when I removed all the text in <body></body>
    • Wellington Fernandes over 1 year ago
      Thank you!
    • Evey over 1 year ago
      Same here, had fine code and the system wasn't letting me through. Refreshed and also tried restarting the browser, did not try another browser. Removed everything between <body></body> and was passed. Using Chrome (version 34.0.1847.132).
  • 266 pts

    Kejen Kana

    76 votes

    I have a problem with this..
    i tried reseting the browser...

    Oops, try again.
    It looks like your second 's font-size is 16px instead of 12px.

    Show all comments
    • Elijah over 1 year ago
      I have done the dash
    • ralegar over 1 year ago
      make sure to use a COLON between the style and attribute. "font-size : 12px "
    • sueye over 1 year ago
      I just deleted the <body> and </body> , and it works.
  • 834 pts

    diana

    39 votes

    i had the <p> before the <p style = "font-size: 10px">some text for you to make tiny!</p> and it didn't work. i finally realized that there was no need for the <p> tag! thanks!

    Show all comments
  • 64 pts

    Daniel Takagi

    19 votes

    Well there is another post somewhere, where i found the answer. Try the code below - it worked for me.
    I think there is some kind of bug. Notice the <li is removed from some of the tag.

    Hope it helps:

    <!DOCTYPE html>                                                                          <html>
    <head>
        <title></title>
    </head>
    <body>
        <h1></h1>
         <ol>
             style="font-size 16px; font-family Garamond"></li>
             style="font-size 12px; font-family Bodoni"></li>
             style="font-size 10px; font-family futura"></li>
         </ol>
    </body>
    
    Show all comments
    • meredith payne over 1 year ago
      this is the only thing that allowed me to proceed from the font size error messages.
    • Adam Chareza over 1 year ago
      This worked for me! Thanks, buddy!
    • scipio137 over 1 year ago
      very frustrating, I keep getting an error mesage when I know I'm right.
  • 98 pts

    Brad

    17 votes

    I keep getting the following error for this lesson:

    "Oops, try again! It looks like your second 's font-size is 16px instead of 12px."

    This is the code I have:

    <html>
        <head>
            <title>Loving the font changes</title>
        </head>
        <body>
            <h1>Big title</h1>
             <ol>
                <li style="font-size 16px; font-family: Garamond">This item is big Garamond.</li>
                <li style="font-size 12px; font-family Verdana">This item is medium Verdana.</li>
                <li style="font-size 10px; font-family: Impact">This item is small Impact.</li>
             </ol>
        </body>
    </html>
    

    Any help is appreciated. Thanks!

    Show all comments
    • nelson khuraijam over 1 year ago
      <html> <head> <title>Loving the font changes</title> </head> <body> <h1>Big title</h1> <ol> <li style="font-size 16px; font-family: Garamond">This item is big Garamond.</li> <li style="font-size 12px; font-family Verdana">This item is medium Verdana.</li> <li style="font-size 10px; font-family: Impact">This item is small Impact.</li> </ol> </body> </html> Don't forget about the colons
    • vignesh.rajesh89 over 1 year ago
      Just change the h1 tag to p tag it works
    • Jeff Uptagrafft over 1 year ago
      Thank you Mohamed! The hardest part for me is learning the syntax but it's clicking now. I appreciate your detailed answer and example. Thank you for sharing your knowledge.
  • 724 pts

    tim mullins

    12 votes

    Hey Eric,
    Here is my full code if you need it.

     <!DOCTYPE html>
     <html>
         <head>
             <title>Changing the colors!</title>
         </head>
         <body>
                <h1 style="color:green;font-size:16px">Big Heading</h1>
                    <p style="color:violet">A giant bear and a little duck were friends.</p>
                    <p style="color:red;font-size:10px">But the bear got hungry and ate the duck.</p>
    
         </body>
    
    Show all comments
    • Mike over 1 year ago
      Wow, dude I forgot to close the <h1></h1> tags!
    • vignesh.rajesh89 over 1 year ago
      Just change the h1 tag to p tag it works
    • Soundarapandian over 1 year ago
      Thnx
  • 60 pts

    Tighe Liu

    12 votes

    I have a problem with this

    Oops, try again! Did you set the first paragraph's font-size to 10px? It looks like it's 12px. (If you're getting a weird decimal font size, check the Hint.):

    i tried reseting the browser,but it's can't go on

    my code is here
    Some text for you to make tiny!
    Some text for you to make normal size!
    Some text for you to make super big!

    Show all comments
    • AnnGing over 1 year ago
      Set the minimum font for 10px
    • vignesh.rajesh89 over 1 year ago
      Just change the h1 tag to p tag it works
    • -Null- over 1 year ago
      @ginalowen Thank you!
  • 199 pts

    cloudRockstar44402_515a70be88756504a

    8 votes

    ok, this is just ridiculous. I got "Oops, try again! It looks like your first 's font-size is 16px instead of 16px"

    ???????

    Show all comments
    • Hunpiya Makanto over 1 year ago
      omg tim mullins i use chrome too, did what you suggested and it worked!!! Thanks so much #dancing
    • jrm430 over 1 year ago
      I change the chrome settings and now got this: Oops, try again! Did you set the third paragraph's font-size to 40px? It looks like it's 20px. (If you're getting a weird decimal font size, check the Hint.)
    • Anna over 1 year ago
      Hel00055's suggestion worked for me. But how the hell should I get to this weird solution on my own?!
  • 172 pts

    Mamnoon Raza

    8 votes

    Guys DON'T FORGET to add "hyphen" between font and size like this "font-size".

    Show all comments
    • Andy Toh over 1 year ago
      This solved the problem of the test thinking you have 16px font when you have 12px font. I had “size:12px” instead of “font-size:12px”. Thank you.
    • CelesteC over 1 year ago
      OMG this was totally the problem. I didn't even see the hyphen! Thanks for pointing this out!
    • Jasper de Lange over 1 year ago
      Thx! This helped, forgot the "hyphen". "font size: 12px" instead of "font-size:12px". Now it works.
  • 104 pts

    CodeBoy1000

    5 votes

    My code says "p style = "font size: 20px" but when i press submit it says "Oops, try again! Did you set the second paragraph's font-size to 20px? It looks like it's 16px. (If you're getting a weird decimal font size, check the Hint.)" Why??????????

    Show all comments
    • miaht82 over 1 year ago
      The <p1 style, <p2 style, worked for me...I had tried all the other "fixes
    • Sean McMahon over 1 year ago
      <!DOCTYPE html> <html> <head> <title>Putting it all together</title> </head> <body> <p1 style= "font-size 20px;colour:red;font-family:Garamond">A truly spectacular paragraph!</p1> </body> </html>
    • Laura over 1 year ago
      Thanks, this ^ got me through
  • 507 pts

    li6834300

    5 votes

    ctrl + 0 doesn't work for me, but i use ctrl + mouse scroll up to make the font super huge, then it congratulates me.

    • 陈碧璇 over 1 year ago
      me2,reset code
    • bluesky012 over 1 year ago
      it finally works!thanks!
    • jakey00lzj over 1 year ago
      both methods doesn't work for me!
  • 29 pts

    NikTheCoder

    4 votes

    <!DOCTYPE html>


    First font size change


    Some text for you to make tiny!
    Some text for you to make normal size!

    Some text for you to make super big!

    Whats wrong? PLEASE HELP ME

    • Iván Vera S over 1 year ago
      this worked for me....i take off the "</p>" because the atribut of size already have one opening <p style...... and than you close it with </p> ex: <!DOCTYPE html> <html> <head> <title>First font size change</title> </head> <body> <p style="font-size: 10px"> Some text for you to make tiny!</p> <p style="font-size: 20px"> Some text for you to make normalsize!</p> <p style="font-size: 40px"> Some text for you to make super big</p> </body> </html>
  • 77 pts

    fattire99

    3 votes

    wow, had the same problem w/ the 10px vs 12px error message. Turns out I had my Safari -->Preferences-->Advanced-->Universal Access font set to 12. When I changed it to 10, then press Submit in codecademy, it passed!!

    Show all comments
    • Terri Van Brunt over 1 year ago
      Thank you, fattire99! That was the problem.
    • mhespos over 1 year ago
      Awesome - thanks!
    • gertl over 1 year ago
      Thanks! This solved my problem. Had preferences set to 14. Switching it to 10 worked and was able to submit and go to next lesson.
  • 2716 pts

    Eric Weinstein

    2 votes

    Hi all,

    Please provide the exact HTML you're using (example below) to help expedite assistance.

    <!DOCTYPE html>
    <html>
      <head>
         <title>Example</title>
      </head>
      <body>
        <p>Some sample HTML!</p>
      </body>
    </html>
    

    Thanks!

    • aaron_pair over 1 year ago
      <!DOCTYPE html> <html> <head> <title>Changing the colors!</title> </head> <body> <h1 style="color:green;font-size:16px">Big Heading</h1> <p style="color:violet">A giant bear and a little duck were friends.</p> <p style="color:red;font-size:10px">But the bear got hungry and ate the duck.</p> </body> </html> the 10px was always displayed as 12px, and i can't get the reason,please help me!
    • Brandon Wu over 1 year ago
      Can you add a note where if your in chrome you have to do what nitanz said "Hi, I was having exactly the same problem. In Chrome (Settings --> advanced --> customize fonts) I found that the minimum font size was set to 12px. When I changed it to 10px, the code was accepted."
    • Joe First over 1 year ago
      Eric- why does the following code tell receive an "Oops" message that the 2nd <li is 16 instead of 12 when it's obviously entered as 12: <!DOCTYPE html> <html> <head> <title>Loving the font changes</title> </head> <body> <h1>Big title</h1> <ol> <li> style= "font-size:16;font-style:Garamond">This item is big Garamond.</li> <li> style= "font-size:12;font-style:Verdana"></li>This item is medium Verdana.</li> <li> style= "font-size:10;font-style:Impact"></li>This item is small Impact.</li> </ol> </body> </html>
  • 370 pts

    Chrissy52

    2 votes

    On this section 02/05 of html
    using the style attribute
    Despite the advice about not nesting incorrectly, I didn't understand at first that the style attribute was added to the p-tag and not a seperate tag.
    May I suggest that it might make it easier for some people (like me) if you explain that the style attribute ie style = "font-size: 12px" is included in the original p-tag. I'm sure most people might realise this straight away but I thought it was added as another tag - rather foolish of me now I come to think about it but could cause a newbie like me some confusion
    Just a thought

  • 2 votes

    I just started with lesson "Styling the Font!", and I'm having a big issue.
    It keeps giving me a "Oops, try again!...check the Hint)" error.
    Here is my code:
    <!DOCTYPE html>
    <html>
    <head>
    <title>First font size change</title>
    </head>
    <body>
    <p style = "font-size: 10px">Some text for you to make tiny!</p>
    <p style = "font-size: 20px">Some text for you to make normal size!</p>
    <p style = "font-size: 40px">Some text for you to make super big!</p>
    </body>
    </html>

    I just don't know what I did wrong.

    Show all comments
    • julee over 1 year ago
      the program is wrong. leave empty between the body tags
    • Mikenable over 1 year ago
      Yes! Julee's answer is right.Just leave empty between the body tags
    • Apple5 over 1 year ago
      hi Christopher,your code is right.You just reset your browser's zoom to >=150% by pressing "Ctrl +", then hit the "Save & Submit code" and it will work.My browser is chrome.
  • 646 pts

    Aero09

    2 votes

    Maybe it would be a good idea to update the lesson to teach us how to actually nest it correctly because telling me whats wrong doesn't teach whats right. DONT STEAL CANDY FROM BABIES... so i can steal it from adults? Thats what your giving me I DONT GET IT TEACH BETTER OR GIVE US A BETTER TEACHER FOR THE COURSE. sorry for raging because codeacademy is stomping on all my dreams and my schedule too. Thank you.. freaking lols.

    Show all comments
    • Aero09 over 1 year ago
      I really just mean that the course gives you one teacher.. you get used to him... you understand him.. you pass the unit jump into another he's gone and heres a new guy you don't understand. I've had teachers fired before, but going through multiple teachers and teaching styles is too difficult to do every other unit. Not to meantion free doesn't mean bad quality. Youtube's free to watch yet theres lots of good stuff there.
    • Badfish420 over 1 year ago
      This is free. Why are you complaining? It has its flaws but the general layout is really easy to understand. Remember: What you can't find here is sure somewhere else out there in the inter-webs!
    • Aero09 over 1 year ago
      Free stuff doesnt have to suck her's my best tip... Screw it
  • 233 pts

    Yoooooooo

    2 votes

    Maybe I have a same problem
    When I learned Font size,I input 10px in the first paragraph but it always shows it's 12px or 16px.
    I have tried many ways.I hope someone can help me.
    Here is my code

    body
        p style="font_size:10px"> Some text for you to make tiny! </p
        p style="font-size:20px"> Some text for you to make normal size!</p
    <p style="font-size:40px"> Some text for you to make super big!</p
    </body
    

    <

    • watherny over 1 year ago
      just a punctuation ! it works,shock!
    • 宝石酱 over 1 year ago
      hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !
    • chromeliu over 1 year ago
      @宝石酱 Thank you very much :)
  • 548 pts

    Warren Reid

    1 votes

    What if you're getting an error saying the color is wrong?

    https://ustream.box.com/shared/static/ooh7eggb7x6o4olsh2bc.png

    Show all comments
    • Pedro over 1 year ago
      thanks, it works!
    • Lejdi Prifti over 1 year ago
      Thanks,it works finally!
    • AmiloSalamander over 1 year ago
      Your a Genius bro, that explanation couldn't have been broken down any simpler.
  • 392 pts

    BLiu1

    1 votes

    I had this to begin with.

        <p style = "font-size: 10 px"> Some text for you to make tiny! </p>
    

    etc.

    then I took out the space between "10" and "px".
    It worked after that.

    • José Antonio over 1 year ago
      Ok, tentei esse código e comigo deu certo. Obrigado.
  • 386 pts

    Jānis Romāns

    1 votes

    My problem was fixed like this:

    <p style = "font-size: 10 px"> Some text for you to make tiny! </p>
    

    Many of us forget to add the "-" between font and size.

    • Trinity over 1 year ago
      i somehow had forgotten i needed a size with my font. thank you! I was starting to get frustrated!!
    • Sultan Mahmud over 1 year ago
      i've got it.....i thought both will be separate like <p style = "font-size: 10 px"><p> Some text for you to make tiny! </p> way......
  • 405 pts

    michael3161010

    1 votes

    If you are working on a Mac with safari as the browser, go to preferences, advanced, universal access ----- and make sure that the box which states that fonts less than 10 (or another value) is not checked

    • kandake over 1 year ago
      This also worked on a PC. Thanks.
    • TC over 1 year ago
      That worked, thanks!
  • 123 pts

    VMie

    1 votes

    I am on the first lesson with font size. I have done every troubleshoot listed in this thread. My code is absolutely correct but my preview does not reflect the code I have inserted. Instead, all my font is 10px, which is the floor I set it at within Chrome's settings. Does anyone have any other ideas how to get my browser to work with this? It's not my tags or syntax for the code. Thank you.

  • 75 pts

    Fornia

    1 votes

    I have tried this code already and all it did was make it dissapear on the preview codecademy REALLY needs to fix this problem like now!!!!!!!!!!!!!!!!!

  • 61 pts

    xiaoguizi87

    1 votes

    I have a same problem.Finally, I found that my answer is right.But my chome browser has a setting, the minimium font size is 12, so it complaint this messages. You can check your enviroment.

    the error messages is "Oops, try again! It looks like your third 's font-size is 12px instead of 10px."

    • 宝石酱 over 1 year ago
      hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !
  • 245 pts

    Chanel Bowen

    1 votes

    I just put a one after the <p> tag so like this<p1> and I passed!

    • Emma about 1 year ago
      I tried that it didn't work.
  • 1 votes

    Try re-typing the code. I was just reading this and was having trouble with the sizes. Also try adding a couple of spaces in between this : and the number you are using.

  • 267 pts

    Chloé

    1 votes

    I nested mine correctly, and it keeps telling me "whoops! did you use 10px in your first paragraph? it looks like 12px..." (or something like that). I don't know where the frick 12px came from, but I definitely have the tags correctly nested and I am using the right font-sizes!

    it says to use 10px, 20px, and 40px and those are the three font-sizes I used for the three paragraphs, so wtf man.

    pretty please help me.

    • Emma about 1 year ago
      mine is similiar except it says 16px. I nested mine right also and tried everything. But yet it says 16px.
    • jrm430 about 1 year ago
      same here i tried changing the chrome settings and that didnt work either
    • 宝石酱 about 1 year ago
      hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !
  • 70 pts

    becky95

    1 votes

    on Google chrome go to settings open advanced settings
    under web content
    go to font size select the customise fonts option and change it to size 10 this solves the problem

  • 612 pts

    CodingMasta

    1 votes

    can i get the answer i get it but won't let me pass??????????

    • 宝石酱 11 months ago
      hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !
  • 61 pts

    Emma

    1 votes

    Hey,
    I think my code has something wrong with it but I don't know what. It looks just how it should but it won't pass through here it is:
    <!DOCTYPE html>


    First font size change


    Some text for you to make tiny!
    Some text for you to make normal size!
    Some text for you to make super big!


    If you see something wrong tell me please.

  • 150 pts

    W.J. Britt

    1 votes

    I'd recommend the author revise this lesson to provide at least one solid example of using the code correctly before testing on it. I found the answer here, but even the "hint" doesn't tell us correct syntax. Just a thought...

  • 224 pts

    宝石酱

    1 votes

    hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !

    • Miracle Xu 10 months ago
      You are right!
    • vince67 10 months ago
      if u replace the "10px" with "10 px", it will work
    • vince67 10 months ago
      for chrome
  • 86 pts

    Willing

    1 votes

    In the settings of Chrome, I found there's a Minimum Font to be set 12px. OMG, that's why I can not pass the 10px to this excersize! I changed the Minimum Font to be 10px. Succeed!

  • 0 votes

    Stupid question but what is an "SCT"?

    • Warren Reid over 1 year ago
      Software Certification Test/Script Correspondence Testing... no clue..
  • 0 votes

    Some text for you to make tiny!
    Can you guys please tell me what is wrong whit my code, i can't fiigure it out.
    Thanks!

    • CodeBoy1000 over 1 year ago
      What is your code?
    • CodeBoy1000 over 1 year ago
      I might be able to help (evan though I have a problem with "Some text for you to make normal size
  • 88 pts

    Evan Hansen

    0 votes

    On styling the font, it says my second is 16, not 12
    But it is 12, not 16
    I tried both:
    This item is medium Bodoni.
    and
    <li style="font-family:Bodoni; size:12px">This item is medium Bodoni.
    How do I fix this?

    Show all comments
    • Evan Hansen over 1 year ago
      Neither works in the lesson though
    • Fatma over 1 year ago
      it should be like this: <li style="font-family: bondoni; font-size: 12px;"
    • Drew Hall over 1 year ago
      Fatma, you are my freaking hero.
  • 29 pts

    Azriel Farron

    0 votes

    Okay, it shows on the side box that the font has changed color. The course keeps saying to check if I have changed the h1 to green. And I did, AND IT KEEPS SAYING THE SAME THING.

  • 262 pts

    NathanSlack

    0 votes

    Hey Eric,

    Do you think you could give me the full page code because its not working.
    Can anyone give me the full page code?
    I need help.:(

    • tim mullins over 1 year ago
      Hey Nathan, I have the full page code in the forum above. If that don't work, feel free to try my alternative method. (also posted above)
    • NathanSlack over 1 year ago
      Thank you tim. It worked!
  • 29 pts

    TAM!

    0 votes

    Lesson 4 error with Google Chrome still exists. Tried the "remove tag" and it worked.

    Show all comments
    • Runal V. Shah over 1 year ago
      which tags ? Can u paste ur corrected code here ??
    • tim mullins over 1 year ago
      I think he means removing everything in the body tags like this: <body> </body>
    • Runal V. Shah over 1 year ago
      Then How would it work ?
  • 406 pts

    WinxinZhang

    0 votes

    Guys, if you are using Google Chrome and still have the problem of the font size, try to use CTRL + mouse wheel to make the font-size bigger enough(may need to repeat several times to make it pass)

    • CloudPater over 1 year ago
      and then,it becomes too big or too small...still cannot pass.
    • Jessica Liu over 1 year ago
      It worked for me! I scrolled several times to make font sizes right.
  • 76 pts

    Eli Franco

    0 votes

    Thank You!

  • 64 pts

    quyao

    0 votes

    text
    This is correct,
    but I'm confused.when I set up 10,came out "It looks like it's 12px. (If you're getting a weird decimal font size, check the Hint.)"
    I need help.

    • Apple5 over 1 year ago
      Because your browser default settings is 12px, you just reset your browser zoom >=150% by pressing "ctrl +".
  • 64 pts

    Shane Gray

    0 votes

    Great post!

    A note stating "style tags are placed inside the opening tag and are not separate" would have clarified the subject and made it less awkward. At first I thought they were separate opening and closing tags added to the paragraph tag.

  • 0 votes

    i had a problem with lesson 4 please help me it shows me a error
    "Oops, try again! Did you remember to change the first to the font Garamond? Make sure to capitalize Garamond!"
    here is my code
    <!DOCTYPE html>


    Loving the font changes


    Big title

    This item is big Garamond.
    This item is medium Verdana.
    This item is small Impact.

    Show all comments
    • Vien Tang over 1 year ago
      it looks right but I get the same message "Oops, try again! Did you remember to change the first to the font Garamond? Make sure to capitalize Garamond!"
    • fari5152 over 1 year ago
      I am getting same error as mentioned above ...How to I proceed further!!!
    • 宝石酱 over 1 year ago
      hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !
  • 370 pts

    Chrissy52

    0 votes

    test

  • 370 pts

    Chrissy52

    0 votes

    I keep geting notifications of postings to this thread, have tried to stop them by unchecking the "notify me...." below and then leaving page but obviously am doing it right, so I am going to try again.

  • 65 pts

    Sandy Taing

    0 votes

    ERRR!!! I keep doing the right size font but it keeps saying "oops your second is a 16px change it to a 12px When I have already done it!!!!!!!GRRRR please help!

    Show all comments
    • Sandy Taing over 1 year ago
      Thanks everyone I finally past it! :D
    • sergio.aguirre over 1 year ago
      Thanks @Demian, it worked!
    • 宝石酱 over 1 year ago
      hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !
  • 207 pts

    ANTy

    0 votes

    remeber change the zoom of your browser!!

  • 374 pts

    IamPupil

    0 votes

    Please, help me with 4 lesson. I am written that "Oops, try again! It looks like your second 's font-size is 16px instead of 12px. "

    the zoom don't help

    My code:

    !DOCTYPE html
    html
    head
    title Loving the font changes /title
    /head
    body
    h1 Big title /h1
    ol
    li p style = "font-size: 16px; font-family:big Garamond">This item is big Garamond. /p /li
    li p style = "font-size: 12px; font-family: Verdana">This item is medium Verdana. /p /li
    li p style = "font-size: 10px; font-family:Impact">This item is small Impact. /p /li
    /ol
    /body
    /html

    • 宝石酱 over 1 year ago
      hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !
  • 106 pts

    P_A_B_S

    0 votes

    {Reset Code and copy the the text below and paste it. e.g <ol> *code below** <*/ol>}

            <li style="font-family: Garamond; font-size:16px;font-size: 16px"> This item is medium Verdana.</li> 
            <li style="font-family: Verdana; font-siz:16px; font-size: 12px"> This item is small Impact.</li>
            <li style="font-family: Impact; font-siz:16px; font-size: 10px"> This item is small Impact.</li>
    
  • 108 pts

    Codeofduity

    0 votes

    I ran into that problem, was saying font size was 16 instead of 12 when i put down 12.
    So i close out of chrome reopen where i was and hit ctrl 0 and retyped the solution and it worked for me. Hope this helps cheers

  • 71 pts

    Collin B

    0 votes

    this is what i have and i cant figure out what i am doing wrong.

    <li style="font-family:Garamond; font-size 16px">This item is big Garamond.</li>
            <li style="font-family:Verdana; font-size 12px">This item is medium Verdana.</li>
            <li style="font-family:Impact; font-size 10px">This item is small Impact.</li>
    

    i got this weard error message.

    "Oops, try again! It looks like your second 's font-size is 16px instead of 12px."

    but i can plainly see that its a 12. anybody have any suggestions?? thanks

    • Larry Mac over 1 year ago
      You need a colon between the attribute name "font-size" and the value "16px" (or 12px or 10px). So ... <li style="font-family:Garamond; font-size:16px">, etc
    • Emma over 1 year ago
      you need a colon after font size
    • 宝石酱 over 1 year ago
      hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !
  • 0 votes

    I've done everything right but I get the "oops you did 16px instead of 20px" here is a pic:

    alt text

    Show all comments
    • vahid about 1 year ago
      plz <p> cuting
    • sai kiran about 1 year ago
      <!DOCTYPE html> <html> <head> <title></title> </head> <body> <h1 style="color:green;font-size:16px">Big Heading</h1> <p style="color:violet">A giant bear and a little duck were friends.</p> <h2 style ="color:blue;font-size:16px">medium </h2> <p style="color:red">But the bear got hungry and ate the duck.</p> </body>
    • sai kiran about 1 year ago
      this the correct coding dude see properly do
  • 285 pts

    rainman59

    0 votes

    There are definite sizing issues with Chrome
    I can't get past my stage 2
    please help urgently

    • code-pat about 1 year ago
      try to copy paste it from the example: <p style="font-size: 12px"> My mistage was that I type front instead of font. only figured out after long time...
  • 42 pts

    Jusplayin65

    0 votes

    In the second exercise,I think that the confusion comes from mentioning the problems of nesting. This wording is leading people to try and nest a second paragraph tag in each line when they normally would have correctly just edited the first tag. I know that's the mistake I made. My suggestion for the lesson would be to point out that an attribute is part of a logical argument or tag not an additional argument or tag.

    However, even though learning syntax is confusing, I have found that doing something wrong and banging your head extensively for a period of time is one of the best ways to learn even though it hurts a bit.

  • 0 votes

    I deleted everything between the body tags. I'm not sure why it went through but it did. You have us change color and font size, but the only way to pass that area is to not do anything???? A bit strange, isn't it? Please fix this bug.

  • 64 pts

    godblesshk

    0 votes

    i solved this problem~! it's a big bug! try this:

    zoom in...and save&submit code...zoom in and save..until be successful! then put ctrl+0 or cmd+o back to normal size.

    one thing to note... 'garamond' is wrong, 'Garamond' is right... 'veredana' is wrong, 'Veredana' is right... Capitalize first letter!

    Hope I can help you. sorry for my poor English.

  • 32 pts

    Ashok Reddy

    0 votes

    Please help me....
    <!DOCTYPE html>


    Putting it all together


    A truly spectacular paragraph!


    its shows me oops set your colour blue

  • 80 pts

    theduke282

    0 votes

    This was extremely helpful. Thanks everyone.

  • 242 pts

    (D&D character) Maerik Severedblade

    0 votes

    Wow. There are a lot of comments. This is probably a good thing, considering that there are plenty of people (including me a lot of times) that don't understand the code of things.

  • 241 pts

    Cory William

    0 votes

    Whoever is using Chrome might want to check their custom font settings. The minimum font size must, obviously, be 10 or smaller.

  • 0 votes

    this is what i wrote and it says you need to change it from 16px to 16px and i fixed my screen size and checked my tags but im confused why I cant advance.

    <!DOCTYPE html>


    Loving the font changes


    Big title

    This item is big Garamond.
    This item is medium Verdana.
    This item is small Impact.

    • RaccoonCartoons about 1 year ago
      oh i fixed mine...uhh i just pressed shift+command+0 than clicked submit
    • RaccoonCartoons about 1 year ago
      oh... nvm i was on the wrong page... ughhh this is annoying. please fix this problem
  • 792 pts

    xiaoluowww

    0 votes

    I think it is a compatible bug. It pass on IE10, but not on chrome.

  • 159 pts

    duke_eric

    0 votes

    i found it work in the IE

  • 134 pts

    AnnaLucia

    0 votes

    Start your response...

  • 44 pts

    king.h

    0 votes

    this do not help

  • 386 pts

    Jānis Romāns

    0 votes

    I repeat,
    use IDs in CSS and that's it
    :).

    Show all comments
    • Brianna Paige about 1 year ago
      Thanks, but I tried that and it still didn't work. I even tried copying and pasting everything over again and it still has the same font size error.
    • Brianna Paige about 1 year ago
      I tried copying and pasting your code into Chrome and it gave me the same error.
    • tim mullins about 1 year ago
      The font-size issue is the major problem and mainly caused by the font size settings in your browser. There are several post about that on this page so I don't want to repeat. (This page is getting lengthy!) You can also try a different browser.
  • 286 pts

    Tyler

    0 votes

    I had the same issue in the font size lessons in HTML Basic II. I followed every possible solution in the forum but I still got the error saying my font size is 12px instead of 10px. I'm always using the Actual Size so something else should be fixed.

    Go to Settings in Chrome, then Show Advanced Settings, Web Contents, Customize Fonts. Here, change the minimum font size to 10px, and all my problems with the exercises are now gone.

    Other browsers should have similar settings about the minimum font size. Hope this helps.

    • Cho about 1 year ago
      Man you are awesome!
  • 431 pts

    张锋

    0 votes

    change the chrome into 150%,it will be ok

  • 161 pts

    shadowlitsky

    0 votes

    This is the first module I've had issues with. I believe the problem lies in the instruction of this section, not in error reporting. All previous sections were very clear, with concise examples and instruction. Though this section does mention nesting, and shows examples of incorrect nesting, it does not specify how to complete the nesting correctly to achieve the desired results. It took me entirely way too long before I realized it was nested WITHOUT a prior (p) tag - this is confusing and should be clarified as it is quite different from previous nesting examples in other modules (<p with <a href, etc)

  • 123 pts

    taqveem

    0 votes

    <!DOCTYPE html>


    First font size change


    Some text for you to make tiny!
    Some text for you to make normal size!
    Some text for you to make super big!

    • taqveem 12 months ago
      <!DOCTYPE html> <html> <head> <title>First font size change</title> </head> <body> <p style="font-size: 10px"> Some text for you to make tiny!</p> <p style="font-size: 20px"> Some text for you to make normal size!</p> <p style="font-size: 40px"> Some text for you to make super big!</p> </body> </html>
  • 915 pts

    Garett Huber

    0 votes

    <!DOCTYPE html>


    First font size change


    Some text for you to make tiny!
    Some text for you to make normal size!
    Some text for you to make super big!

  • 211 pts

    Susan Gichuhi

    0 votes

    <!DOCTYPE html>


    Changing the colors!


    Big Heading
    A giant bear and a little duck were friends.
    But the bear got hungry and ate the duck.

    "one annoying buy!"

  • 29 pts

    Seth Rich

    0 votes

    Try using google chrome

  • 84 pts

    Erfan1971

    0 votes

    O.M.G. HA HA HA HA.....!!!!!!!!!!!!!Thnx bro.

  • 224 pts

    doraemon1293

    0 votes

    use Opera and problems are gone.

    Chrome will change the font size. in

    So delete of you insist to use Chrome.

    <!DOCTYPE html>


    First font size change


    Some text for you to make tiny!
    Some text for you to make normal size!
    Some text for you to make super big!

  • 224 pts

    doraemon1293

    0 votes

    use Opera and problems are gone.

    Chrome will change the font size. in

    So delete <p>if you insist to use Chrome.

    <!DOCTYPE html><html>
    <head>
    <title>First font size change</title>
    </head>
    <body>
    <style="font-size:10px"/> Some text for you to make tiny!</style>
    <style="font-size:20px"> Some text for you to make normal size!</style>
    <style="font-size:40px"> Some text for you to make super big!</style>
    </body>
    </html>

  • 178 pts

    Kaly Johnson

    0 votes

    this is incredibly frustrating. trying to LEARN, but getting inaccurate responses for correct entry...

  • 158 pts

    Gaetan De Lange

    0 votes

    LoL my exercise was wrong because I din't put a space between : and 10px

  • 374 pts

    Jordan Inman

    0 votes

    Thank you for the tip it helped me a lot!

  • 66 pts

    Claire

    0 votes
    <li style="font-size:16px; font-style:Garamond">This item is big Garamond.</li>
            <li style="font-size:12px; font-style:Verdana">This item is medium Verdana.</li>
            <li style="font-size:10px; font-style:Impact">This item is small Impact.</li>
    

    Oops, try again. Did you remember to change the first to the font Garamond? The 'G' in 'Garamond' must be capitalized!

    WHAT AM I DOING WRONG?!

    I use Firefox on a mac.

    • 宝石酱 10 months ago
      hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !
  • 61 pts

    Emma

    0 votes

    Here is my code. It got me past so it might work for you.
    <!DOCTYPE html>


    Changing the colors!


    Big Heading

    But the bear got hungry and ate the duck.

     </body>
    

    I don't know if this will work for you because it seems that different things are working for different people so it may work for you but it may not.

  • 67 pts

    coffeefirst

    0 votes
            <!DOCTYPE html>
    <html>
        <head>
            <title>First font size change</title>
        </head>
        <body>
            <p style="font-size:10px"> Some text for you to make super big!</p>
            <p style="font-size: 20px"> Some text for you to make normal size!</p>
            <p style="font-size: 40px"> Some text for you to make super big!</p>
        </body>
    </html>
    

    THIS IS MY CODE, AND IT SHOW ME THE MISTAKE LIKE THIS: 哦偶,再试试。 Did you set the first paragraph's font-size to 10px? It looks like it's 12px. (If you're getting a weird decimal font size, check the Hint.)

    • coffeefirst 10 months ago
      I have solved the problem. Just zoom to 150% and it passed.
  • 486 pts

    adelicatedegree

    0 votes

    I think there is a problem with the website.
    I'm currently using Google Chrome and I find out that I have to set the page's size to 200% to pass this test..
    Wired.

  • 0 votes

    ***MY ANUS IS BLEEING***

  • 0 votes

    Penis
    Vagina

  • 72 pts

    Dncorleone

    0 votes

    @uddupaji192830937 thx you are a boss !

  • 41 pts

    sai kiran

    0 votes

    <!DOCTYPE html>




    Big Heading

                <p style="color:violet">A giant bear and a little duck were friends.</p>
                <h2 style ="color:blue;font-size:16px">medium </h2>
    
                <p style="color:red">But the bear got hungry and ate the duck.</p>
    
    • sai kiran 9 months ago
      this is the correct style coding
  • 62 pts

    mi9anna

    0 votes

    <!DOCTYPE html>


    First font size change


    Some text for you to make tiny!
    Some text for you to make normal size!
    Some text for you to make super big!

    what i wrong?

  • 74 pts

    Sparklegirl

    0 votes

    this is my code from Whats CSS?
    p {
    <link type="text/css"rel="stylesheet" href="stylesheet.css"/
    }
    font-size: 44px;
    }
    p { color: blue; } span {font-size: 44px;}

    p {font-size: 44px;}

    }

    i am having a big problem ! need help.

  • 558 pts

    TracyMS8

    0 votes

    Silly me I spelled style wrong in this line:

    li style="font-size:12px;font-family:Verdana"

    so it would keep telling me that you have size 16 instead of 12. So make you sure you spell everything correctly!

  • 457 pts

    cyyj1987

    0 votes

    I'm working on my laptop with a screen resolution of 1366*768 and a Chrome in Win 8.1

    When I re-sized the font I noticed the editor recognized my font as 12px instead of 10px. However, when I zoomed in (instead of zoomed out) to 150% simply with "ctrl" + "+/=", the code passed.

    So my suggestion is you may try zooming in/out in both directions to see if it works.

    My guess is that the this page was programmed on a Mac with retina display (resolution=2048*1536) .

  • 0 votes

    I'm just frustragint. 10/12 says
    "Did you remember to change the first to the font Verdana?"

    When I rewrite it to Verdana (instruction in the left says me it should be Arial), I got the next error:

    "Did you remember to change the first to the font Arial?"

    It would be fun but I only can cry.

    <!DOCTYPE html>


    Loving the font changes


    Big title

    This item is big Garamond. This item is medium Verdana. This item is small Impact.

         </ol>
    </body>
    
  • 421 pts

    Ann

    0 votes

    it`s horrible to zoom in and out to get the result!
    my zoom = 150% ...( Chrome)

  • 400 pts

    David Drysdale

    0 votes

    I'm getting "Oops, try again. Did you set the first paragraph's font-size to 10px? It looks like it's 12px. (If you're getting a weird decimal font size, check the Hint.)"

    Here's my code:

    <!DOCTYPE html>
    <html>
        <head>
            <title>First font size change</title>
        </head>
        <body>
            <p style="font-size: 10px"> Some text for you to make tiny! </p>
            <p style="font-size: 20px"> Some text for you to make normal size!</p>
            <p style="font-size: 40px"> Some text for you to make super big!</p>
        </body>
    </html>
    
    • David Drysdale 8 months ago
      Figured it out. Browser was set to use 12 as the minimum font size.
  • 158 pts

    Gaetan De Lange

    0 votes

    FOR THE CODE

  • 0 votes
    <body>
        <p style="font-size: 10px">Some text for you to make tiny!</p>
        <p style="font-size: 20px">Some text for you to make normal size!</p>
    
    
        <p style="font-size: 40px"> Some text for you to make super big!</p>
    </body>
    

    Just try like this, it will work.

  • 612 pts

    CodingMasta

    0 votes

    How do I stop receiving notifications for this post

  • 58 pts

    pamvanbavel

    0 votes

    Hello, I am at HTML II Basics 8. Front size.
    It keeps saying this:
    Oops, try again. Did you set the first paragraph's font-size to 10px? It looks like it's 16px.
    This is my code:

    <body>
            <p style="front-size: 10px"> Some text for you to make tiny!</p> 
            <p style="front-size: 20px"> Some text for you to make normal size!</p>
            <p style="front-size: 40px"> Some text for you to make super big!</p>
    </body>
    

    I have already done the Crtl+0 thing. I use Google Chrome browser by the way.
    What's wrong with my code?

    • pamvanbavel 7 months ago
      I fixed the problem with the first one by changing the settings in Chrome, but now the second one is also 10 px...
  • 995 pts

    Scylla

    0 votes

    On both Chrome and Firefox I managed not to be allowed to use 16px. It refuses to change the font. I have reset the code a few times. It still will not pass me.

    <!DOCTYPE html>


    Changing the colors!


    Big Heading
    A giant bear and a little duck were friends.
    But the bear got hungry and ate the duck.

  • 33 pts

    Stone

    -2 votes

    Lesson 02 FONT SIZE error with Google Chrome Brower. Win7 PC

    I really dont know what is wrong with my code? Anyone can help me figure it out?

    <!Doctype html>


    TEXT


    TEXT
    TEXT
    TEXT

    Error say I nested wrong tag.....

    • Martin over 1 year ago
      try this <body> <p style = "font-size: 10px"></p> <p style = "font-size: 20px"></p> <p> style = "font-size: 40px"></p> </body> go to settings then advaced text size customize size 8 courier new. standard text size 40 times new roman. i used google chrome
    • Willing over 1 year ago
      In the settings of Chrome, I found there's a Minimum Font to be set 12px. OMG, that's why I can not pass the 10px to this excersize! I changed the Minimum Font to be 10px. ;)
  • 437 pts

    sambalee

    -2 votes

    the font size in chrome has many problem , but in IE is ok ,

    • seven6s about 1 year ago
      You can't even use Code Academy on IE
  • 429 pts

    poop

    -5 votes

    la la-lalaloopsy!

  • 427 pts

    STATICOR

    -14 votes

    maybe i should give up...
    this page makes a lot of useless time in doing other things , instead of learning HTML code...

    Show all comments
    • Cing-De Gong over 1 year ago
      I use Opera , and all weird problem is gone. maybe you should try it.
    • Emma over 1 year ago
      Hey the thing is you need to persever through this one becase there are many many issues
    • 宝石酱 over 1 year ago
      hey everyone! I have a good news for you :) I think somebody also use Chrome but it get erorr in the font-size 10px... but don worry ! you can go to your setting and adjust the font size to become 10! Why we always get error it is because our Chrome's font size at least at 12px ! My English was bad but I hope I'm pass on this message to you! GOOD LUCK !
  • 44 pts

    king.h

    6 votes

    aha, finally, I got through. Chrome, need to customize the font-size of explorer. on the right-top of chrome, click the menu and select set , then unfold the advances, customize the font-size of web content, Standard font-size for 12px, minx font-size for 10px. then submit. My codes below

    <!DOCTYPE html>
    <html>
        <head>
            <title>Loving the font changes</title>
        </head>
        <body>
            <h1>Big title</h1>
             <ol>
                <li style="font-family: Garamond; font-size:16px">This item is big Garamond.</li>
                <li style="font-family: Verdana; font-size:12px">This item is medium Verdana.</li>
                <li style="font-family: Impact; font-size:10px">This item is small Impact.</li>
             </ol>
        </body>
    </html>
    
    Show all comments
    • yang caroline (楊佳蓉) about 1 year ago
      Thanks~finally success !!!!!
    • Mark Lindamood about 1 year ago
      So this problem has been going on for months and the only solution Codecademy has offered is "make sure you're not nesting your tags improperly". That's NOT THE PROBLEM, folks. These continual font problems make the HTML lessons useless.
    • kvmaker about 1 year ago
      It's works for me.

Sign in to post to the forum.

Sign in