Typography
Learn all about CSS typography, such as how to include fonts from other sources and how to style your text.
StartKey Concepts
Review core concepts you need to learn to master this subject
CSS font-weight
Property
CSS font-style
property
CSS @font-face rule
CSS Fallback Fonts
The CSS line-height
property
CSS Linking fonts
CSS font-weight
Property
CSS font-weight
Property
/* Sets the text as bolder. */
p {
font-weight: 700;
}
The CSS font-weight
property declares how thick or thin should be the characters of a text. Numerical values can be used with this property to set the thickness of the text. The numeric scale range of this property is from 100 to 900 and accepts only multiples of 100. The default value is normal
while the default numerical value is 400
. Any value less than 400
will have text appear lighter than the default while any numerical value greater than the 400
will appear bolder.
In the given example, all the <p>
elements will appear in a bolder font.
What you'll create
Portfolio projects that showcase your new skills
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory