Css font

.p1 {
  font-family: "Times New Roman", Times, serif;
}

.p2 {
  font-family: Arial, Helvetica, sans-serif;
}

.p3 {
  font-family: "Lucida Console", "Courier New", monospace;
}

Font-style css

#example {
	font-style: normal; /* no specification, default */
  	font-style: italic; /* font is italic */
    font-style: oblique; /* font is italic, even if italic letters are not specified for font family */
    font-style: inherit; /* inherit property from parent */
	font-style: initial; /* default value */
}

Css font families

p {
  font-family: "Times New Roman", Times, serif;
}

Css font style

.example {
  font-style: italic;
}

Css font

p {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

/*
The font property is a shorthand property for:
font-style
font-variant
font-weight
font-size/line-height
font-family
*/

Fonts for css

fonts.google.com

Similar codes

0 vote160 views1 answer
Hide calendar icon
CSS
0 vote209 views2 answers
Card css
CSS
1 vote208 views1 answer
Grid rows css
CSS
42 votes216 views6 answers
Css transparent background color
CSS
0 vote364 views2 answers
Html select image background arrow
CSS
0 vote189 views1 answer
Place-content css property
CSS
0 vote373 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
0 vote224 views1 answer
After icon css
CSS
0 vote204 views1 answer
Secondline ellipsis
CSS
1 vote245 views1 answer
Css p tag text wrap
CSS