HTML Basics II: Font Family


#1

Asking me if I remembered to change my first

  • to Arial, which it seems like I did. Any ideas where I went wrong?

    <!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; style=font-family: Arial">This item is big Arial.</li>
    		 	<li style="font-size: 12px; style=font-family: Verdana">This item is medium Verdana.</li>
    		 	<li style="font-size: 10px; style=font-family: Impact">This item is small Impact.</li>
    		 </ol>
    	</body>
    </html>

  • #2

    you can just at two style property's without an additional style attribute:

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

    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! All good now.