Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Foundations Text, Fonts, and Lists Font Properties

Hung Pham Viet
Hung Pham Viet
9,104 Points

If type lower case "baskerville", the system say no pass but if change to Baskerville (upper case for B), I can pass???

p { font-family: baskerville, "Times New Roman", Times, Serif; } The system informs to fix the font family.

when I redo such as: p { font-family: Baskerville, "Times New Roman", Times, Serif; }

Upper case for B in "baskerville", then I can pass the challange???

index.html
<!DOCTYPE html>
<html>
<head>
    <title>Font Properties</title>
    <link rel="stylesheet" href="page.css" />
    <link rel="stylesheet" href="style.css" />
</head>
<body>
    <h1>The quick brown fox jumps over the lazy dog</h1>
    <p>
        Pellentesque sem augue, auctor quis dictum et, interdum nec felis. Suspendisse faucibus viverra enim, vitae facilisis mi euismod id. Morbi ac erat mauris, a semper ligula. Etiam semper, nisi vel auctor ultricies, tortor urna dictum magna, iaculis volutpat tortor nisi vel odio. Praesent sed mauris lacus. Etiam semper tempor risus sit amet egestas. In hac habitasse platea dictumst. Aenean varius sapien quis nisl aliquam mollis.Nullam lacinia ipsum sed leo vestibulum vel tempor libero tincidunt.
    </p>
</body>
</html>
style.css
/* Complete the challenge by writing CSS below */
p {
  font-family: Baskerville, "Times New Roman", Times, Serif;
}

1 Answer

Font-family can be case sensitive, and the generic font-family names are always case sensitive as they are CSS keywords. In general its important to always use correct capitalization.