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>
  3. <head>
  4. <style type="text/css">
  5. p.one
  6. {
  7. font-family: "calibri,Times New Roman", Arial;
  8. }
  10. p.two
  11. {
  12. font-family: Century, Tahoma;
  13. }
  14. </style>
  15. </head>
  17. <body>
  18. <p class="one">Mahak Gupta</p>
  19. <p class="two">C-SharpCorner</p>
  20. </body>
  22. </html>
Here is the output:
1.png