Font size 10 being understood as Font size 14 in HTML Basics II

your error message indicate a problem in the syntax, 16px is the default font-size. So if it won’t change to 40px, there is most likely a tiny mistake in your code.

if you edit/update your question, leave a reply so i get a notification. Your code is not visible, take the following steps to make it visible:

Thank you for your answer, I’m trying to show you my code, but still not being able to make it visible with your instructions.
The first two lines showed up fine in my exercise, 10px and 20px, so I doubt if the mistake for the 3rd line was mine!

Changements de taille de la police

Du texte à écrire en tout petit !

Du texte à écrire à taille normale...

Et du texte à écrire en très gros !

indent preformatted text by 4 spaces

more instructions on how to make your code visible: select the code (with mouse or keyboard), and press ctrl + k.

If you really can’t get it to work, make a print screen and press the upload button (ctrl + g)

1 Like

Sorry, it doesn’t work. I really am grateful for your time, it seems that I’m not good at following your instructions!
On the left size, my text was fully copied. But on the right side of this creen, the preview side, nothing showed up, like it’s blocked out!
THANK YOU so much, I’ll try to get help tomorrow with someone physically there!

i can’t help if you do not manage to either post your code or (something i personally do not like) make a print screen and upload it, i need to see your code

you can try this backtick trick (is located above tab key on your keyboard) to make your code visible

1 Like
<!DOCTYPE html>
<html>
    <head>
        <title>Changements de taille de la police</title>
    </head>
    <body>
        <p style="font-size:10px"> Du texte à écrire en tout petit ! </p>
        <p style="font-size:20px"> Du texte à écrire à taille normale... </p>
        <p style="font-size":40px"> Et du texte à écrire en très gros ! </p>
    </body>
</html>

1 Like

You did it :smile:
i see the problem, in this line:

<p style="font-size":40px">

you have a quotation mark (") after font-size which shouldn’t be there, here is the correct line:

<p style="font-size:40px">

see the difference? the style attribute stops at the second quotation mark, which in your case was after font-size, so 40px was not included

1 Like

You’re wonderful. THANK YOU. It works!
It’s really fun learning to code!
Have a nice day

im having the same problem i checked the min. font size on chrome. Am i missing something
any help wil help
thanks

after a style property (font-family, font-size) there should always be a colon

thank you that was it I’m kind of embarrssed.

don’t be, debugging is tricky, i would almost say it is an art. I have most likely more programming experiece + debug experience, and i am helping on the html + css forum here on CC for a long time, i seen it pretty much all, i know what to look for

indent preformatted text by 4 spaces

Loving the font changes

Big title

  1. This item is big Arial.
  2. This item is medium Verdana.
  3. This item is small Impact.

the system says: It looks like your third

  • 's font-size is 12px instead of 10px.

    sorry, please help me figure out what the question is , THX!

  • <h1 style="font-family: Arial">Big title</h1>
    	 <ol>
    	 	<li style="font-family: Arial; font-size: 16px">This item is big Arial.</li>
    	 	<li style="font-family: Verdana; font-size: 12px">This item is medium Verdana.</li>
    	 	<li style="font-family: Impact; font-size: 8px">This item is small Impact.</li>
    

    this is what I type above

    sounds like you have a minimum font-size issue, do a google search:
    disable minimum font-size chrome

    I also have the same problem, cuz chrome only allow font-size 12. Thx!

        <!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>
    

    Hello everyone, I have problem about lesson 8 (font size)
    The message talks “Did you set the first paragraph’s font-size to 10px? It looks like it’s 12px”
    But I can’t find what’s wrong, please help me~
    Thanks

    @alen821095
    You need to reset your browser zoom,

    windows is ctrl + 0
    mac is cmd + 0

    that should work, if not f5 and try to continue then.

    Thanks a lot.
    It work :slight_smile:

    1 Like