CSS Font Style Code for Blogger

               In the previus lesson i explane how to add CSS style code to blogger. In this lesson i give some CSS font style code for you.

How i add CSS Style code to Blogger?

How i Use CSS Font Style code in Blogger article? 

1) Text family -

     Code   1       -  .exampleserif {

                       font-family: Times, "Times New Roman", Georgia, serif;

                 
                       

    Code   2         -    .examplesansserif {

                       font-family: Verdana, Arial, Helvetica, sans-serif;

                   }

     Code   3         -       .examplemonospace {

                       font-family: "Lucida Console", Courier, monospace;

                   }

      Code   4         -        .examplecursive {

                                           font-family: cursive;

                   }

      Code   5         -       .examplefantasy {

                        font-family: fantasy; 

                    }  

3) Text Bold,Italic -

     Code   Bold             -    .bold-Test { 

                             font-weight:bold; 

                                                      }                    

      Code   Italic              -    .italic-Test { 

                             font-style:italic; 

                                                     } 

     Code   Under Line   -    .underline-Test {

                             text-decoration:underline; 

                                                    } 

4) Text Colur -

       

      Code   1        -  .colur-Text{

                        color:#00ff00;

                  }

5) Text Shadow -

  

     Code   1        -   .Shadow-Text{
                        text-shadow: 11px 8px 6px rgba(185, 146, 211, 0.86);

                 } 

     Code   2         -      .Shadow-Text{

                        color: white; 

                        font: bold 52px Helvetica, Arial, Sans-Serif; 

                        text-shadow: 1px 1px #fe4902, 2px 2px #fe4902,  

                                     3px 3px #fe4902; 

                        -webkit-transition: all 0.12s ease-out; 

                        -moz-transition: all 0.12s ease-out; 

                        -ms-transition: all 0.12s ease-out; 

                        -o-transition: all 0.12s ease-out; 

                 } 

                 .Shadow-Text:hover{ 

                        position: relative; top: -3px; 

                        left: -3px; 

                        text-shadow: 1px 1px #fe4902, 2px 2px #fe4902, 3px                       

                                     3px #fe4902, 4px 4px #fe4902, 5px 5px          

                                     #fe4902, 6px 6px #fe4902; 

                 } 

                            

6) Text 3D - 

     Code      -     .3D{ font-family: Arial, sans-serif; line-height: 1em;  

                    color: #fff9d6; font-weight:bold; font-size: 101px; 

                    text-shadow:0px 0px 0 rgb(231,231,231),1px 1px 0 

                                rgb(216,216,216),2px 2px 0 

                                rgb(202,202,202),3px 3px 0 

                                rgb(187,187,187),4px 4px 0               

                                rgb(173,173,173),5px 5px 0 

                                rgb(158,158,158), 6px 6px 0 

                                rgb(144,144,144),7px 7px 6px 

                                rgba(0,0,0,0.8),7px 7px 1px  

                                rgba(0,0,0,0.5),0px 0px 6px 

                                rgba(0,0,0,.2); 

                    }

        1)  Add CSS code to blogger :- 

                         

                             1)  Go to blogger Template

                             2)  Get Backup

                             3)  Add css code between  ![CDATA[  ......   ]]> 

                              eg:- ![CDATA[   .bold-Test {font-weight:blod;} ]]>     

                                        

       2)  How i Use CSS Font Style code in Blogger article?