Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Learn Challenge: Explore Font Properties | Styling Text in CSS
CSS Fundamentals

bookChallenge: Explore Font Properties

Task

Let's apply various font properties to specific elements:

For h1:

  • Font family: Arial.
  • Font size: 36px.
  • Font weight: 600.
  • Font style: italic.

For p:

  • Font family: Georgia.
  • Font size: 18px.
  • Font weight: 400.
  • Font style: normal.
index.html

index.html

index.css

index.css

copy
  • font-family: Specifies the font family.
  • font-size: Defines the font size.
  • font-weight: Sets the font weight.
  • font-style: Specifies the font style.
index.html

index.html

index.css

index.css

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 2. ChapterΒ 6

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Awesome!

Completion rate improved to 2.56

bookChallenge: Explore Font Properties

Swipe to show menu

Task

Let's apply various font properties to specific elements:

For h1:

  • Font family: Arial.
  • Font size: 36px.
  • Font weight: 600.
  • Font style: italic.

For p:

  • Font family: Georgia.
  • Font size: 18px.
  • Font weight: 400.
  • Font style: normal.
index.html

index.html

index.css

index.css

copy
  • font-family: Specifies the font family.
  • font-size: Defines the font size.
  • font-weight: Sets the font weight.
  • font-style: Specifies the font style.
index.html

index.html

index.css

index.css

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 2. ChapterΒ 6
some-alt