Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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.