CSS Font Style

CSS is the language we use to style an HTML document.
CSS describes how HTML elements should be displayed.
This tutorial will teach you CSS from basic to advanced.
Post Reply
Guest

CSS Font Style

Post by Guest »

CSS Font Style


Font Style
The font-style property is mostly used to specify italic text.
This property has three values:

normal - The text is shown normally
italic - The text is shown in italics
oblique - The text is "leaning"
(oblique is very similar to italic, but less supported)


Example

p.normal {  font-style: normal;}
p.italic {  font-style: italic;}
p.oblique {  font-style: oblique;}
Try it Yourself »


Font Weight
The font-weight property specifies the weight of a font:

Example

p.normal {  font-weight: normal;}
p.thick {  font-weight: bold;}
Try it Yourself »


Font Variant
The font-variant property specifies whether or not a text should
be displayed in a small-caps font.
In a small-caps font, all lowercase letters are converted to uppercase
letters. However, the converted uppercase letters appears in a smaller font size
than the original uppercase letters in the text.

Example

p.normal {  font-variant: normal;}
p.small {  font-variant: small-caps;}
Try it Yourself »














+1

Reference: https://www.w3schools.com/css/css_font_style.asp
Post Reply