By simple Font styling tricks you can make your website more attractive and popular. Here I am going to share some font properties which are usable through CSS.
Font Family:
This is very nice property to add font styling. Try this code:
Text-Shadow:
Add shadows to your text. Try this:
h1 {text-shadow: 2px 2px #FF0000;}
h1{text-shadow: h-shadow v-shadow blur color;}
Font Size:
h1 {Font-size:20px;}
Text decoration:
By this property you can decorate your text like this:
h2 {text-decoration:line-through}
h3 {text-decoration:underline}
h4 {text-decoration:blink}
Font Style:
This property will help you to make your text stylize.
H1 {font-style:normal}
H2 {font-style:italic}
H3 {font-style:oblique}
Font Variant:
A way to make text Upper or Lowercase.
h1{font-variant:small-caps;}
Font Weight:
A way to make text Bold and non bold.
.bsc{font-weight:bold;}
h1{font-weight:900;}
Font Face:
This is a way to tell visitor where the certain font can be found:
{
font-family: myFirstFont;
src: url(‘Happy_me.ttf’),
url(‘Sensation_true.eot’); /*for IE9 */
}
These font properties can be used in more creative way. You can add more to this and make your site stylish.