HTML Basics II: 10 Font Family


#1

Hey there

I'm stuck on section 10: Font Family.

<!DOCTYPE html>
<html>
	<head>
		<title>Loving the font changes</title>
	</head>
	<body>
		<h1 style="font-family: Arial">Big title</h1>
		 <ol>
		 	<li>style="font-size: 16px; font-family: Arial"</li>
		 	<li> style="font-size:12px; font-family: Verdana"</li>
		 	<li>style="font-size: 10px; font-family: Impact"</li>
		 </ol>
	</body>
</html>

It keep on saying "Oops, try again. It looks like your second

  • font-size is 16px instead of 12px." whats the deal?????????

  • #2

    when you have a list item:

    <li>i am a list item</li>

    you add the style attribute to the list opening tag, which means the style attribute is before the > of the list opening tag:

    <li style="">i am a list item</li>

    you might want to reset, since you removed the text from inside the list

    for next time, use one of the two following options to make your code/indent is visible:

    select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

    if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

    ```
    <p>visible</p>
    ```

    the backtick is located above the tab key on your keyboard


    #3

    Thanks, just fixed it but the info is good to have for next time


    #5

    What I need to change or add ,I have same info!?? And I try do to like this :

    <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: 10px">This item is small Impact.</li>

    And refresh ,and again is a same !


    #6

    the style attribute runs till the second quotation mark, which in your case is here:

    <li style="font-family: Arial"

    if you want multiply propertys + values you can just separate them by a semi-colon:

    <p style="property1: value1; property2: value2">

    #7

    2 posts were split to a new topic: Font family (10)


    #9

    Mine says: Oops, try again. Did you remember to change the first

  • to the font Arial?
    But I don't really get what i did wrong,any tips?

  • #10

    #11

    you miss a colon after font-family property, if you need more help, make a new topic