CSS Font and Text Property
- Font properties are used to add different styles to the fonts.
- Font properties are used to change the style, size, weight, etc. of the font.
- Font styling adds a good impact on the readers, that's why we use different font styling properties.
- Text properties are used to format text styles.
This will be our basic boilerplate code for font and text properties.
index.html
Different font-properties
font-family:
font-family property is used to specify the font of a text.
font-size
font-size property is used to specify the size of the text.
font-weight
font-weight property set, how bold or thin characters in the text should be displayed
line-height
The line-height property specifies the space between the fonts.
Different text-properties
color:
The color property is used to set the color of the text.
background-color:
This property is used to set the background color of the text.
text-align:
The text-align property is used to set the alignment of a text. We can align a text in the left, right, center, and justify.
text-transform:
text-transform property is used to specify uppercase and lowercase and capitalize letters in a text.
text-decoration
text-decoration properties are used to decorate text in one declaration.
word-spacing
word-spacing property is used to specify the space between the words in a text.
text-shadow
The text-shadow property is used to add the shadow effect to the text.
letter spacing
letter-spacing property is used to specify the space between the characters in a text.