<!DOCTYPE html> <html> <head> <title>CSS Fonts</title> </head> <body> <style type="text/css"> .font_style{ font-style:italic;} .font_style_2{ font-style:normal;} .font_style_3{ font-style:oblique;} .font_size{ font-size:24px;} .font_size_2{ font-size:2em;} .font_size_3{ font-size:100%;} .font_weight{ font-weight:bold;} .font_weight_2{ font-weight:normal;} .font_variant{ font-variant:normal;} .font_variant_2{ font-variant:small-caps;} </style> <h4 style="color:#0099da !important;">Font Family :</h4> <p style="font-family:Arial, Helvetica, sans-serif;"> This Font style is " Arial, Helvetica, sans-serif ".</p> <p style="font-family:'Times New Roman', Times, serif"> This Font style is " 'Times New Roman', Times, serif ".</p> <h4 style="color:#0099da !important;">Font Styles :</h4> <div class="font_style"> Font style Italic</div> <div class="font_style_2"> Font style Normal</div> <div class="font_style_3"> Font style Oblique</div> <h4 style="color:#0099da !important;">Font Sizes :</h4> <div class="font_size">Font Size</div> <div class="font_size_2">Font Size</div> <div class="font_size_3">Font Size</div> <h4 style="color:#0099da !important;">Font Weight :</h4> <div class="font_weight">Font Weight Bold</div> <div class="font_weight_2">Font Weight Normal</div> <h4 style="color:#0099da !important;">Font Variant :</h4> <div class="font_variant">Font Varient Normal</div> <div class="font_variant_2">Font Varient small-caps</div> </body> </html>
Output :
Topic :
CSS Fonts
