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


#9

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:


#10

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!







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

#11

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)


#12

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!


#13

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


#14

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


#15

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

#16

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


#17

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


#18

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


#19

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


#20

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


#21

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


#22

indent preformatted text by 4 spaces






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!


  • #23
    <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


    #24

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


    #25

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


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


    #27

    @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.


    #28

    Thanks a lot.
    It work :slightly_smiling: