Web Safe Fonts In CSS

Web Safe Fonts In CSS

 
Browser Compatibility is the biggest Issue. CSS Provides us the facility that we use multiple fonts at one time means if the browser does not support the first font, it will take automatically the second font.
  1. <html>  
  2.   
  3.    <head>  
  4.       <style type="text/css">  
  5.       p.one   
  6.       {  
  7.          font-family: "calibri,Times New Roman", Arial;  
  8.       }  
  9.   
  10.       p.two   
  11.       {  
  12.          font-family: Century, Tahoma;  
  13.       }  
  14.       </style>  
  15.    </head>  
  16.   
  17.    <body>  
  18.       <p class="one">Mahak Gupta</p>  
  19.       <p class="two">C-SharpCorner</p>  
  20.    </body>  
  21.   
  22. </html> 
Here is the output:
 
1.png