Font-family is NOT working in 10 and 11

#1


HTML II - lesson 10. This will not identify anything I do with font-family, even when I do an exact cut-and-paste from the hints and such. No matter what, the font-family never changes and it always returns the error listed.


https://www.codecademy.com/en/courses/web-beginner-en-y2Yjd/1/4?curriculum_id=50579fb998b470000202dc8b

Oops, try again.
Did you remember to change the first <li> to the font Arial?


<!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">This item is big Arial.</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>

No matter what I do, it will not accept anything associated with font-family.

#2

Hmm...Your code looks fine. Perhaps switch browsers or refresh and hit Save&Submit Code again.
I used Chrome(latest version) to test your code and it passed.

Also, it's good practice to put a semi-colon ; after any style: value. Even if they are the last one.

eg.

<li style="font-size: 16px; font-family: Arial;">
#3

Hey ,
I was looking at your code and it seems to be perfectly fine . But I want you to try this... CAPITALIZE THE FIRST LETTER OF THE FONT-FAMILY. If you have written arial, then write Arial. Make sure you do that for every font family.

#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.