Why cursive font doesn't work

Question

I am learning CSS. I tried to make the text italic. But the text is not in italics. What is the problem?

.bold {
  font-weight: bold;
}

.italic {
  font-weight: italic;
}

<p>This is some text</p>

<p class="bold">This is some bold text</p>

<p class="italic">This is some italic text</p>

+3

html css fonts

opu 웃 Apr 17 15 at 16:10

source to share

6 answers

You gave the wrong property for ITALY . Try this property and specify the same value

.italic{
font-style:italic;
}

+4

Rakshit shah Apr 17 15 at 16:19

source to share

Italic is not a weight font (which determines how bold the text is). It's afont-style

+3

Quentin Apr 17 15 at 16:11

source to share

Use font-style: italic;

instead.

font-weight

is responsible for courage and uses the number (100, 200, 300, ..., 900) to set it; "bold" is only a special value.

+3

Adam Benedek Apr 17 15 at 16:12

source to share

italic

is a property font-style

, not a font weight:

.italic{
font-style:italic;
}

+3

Jacob gray Apr 17 15 at 16:12

source to share

what's wrong

try this:

.italic{font-style:italic;}

+2

Frontend_87 Apr 17 15 at 16:14

source to share

freefaller · Accepted Answer · 2015-04-17T16:11:45+0000

You cannot set italic using the CSS command called font-weight

.

Use instead font-style: italic

.

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

<p>This is some text</p>

<p class="bold">This is some bold text</p>

<p class="italic">This is some italic text</p>