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.
<html>
<head>
<style type="text/css">
p.one{font-family:"calibri,Times New Roman",Arial;}
p.two{font-family:Century,Tahoma;}
</style>
</head>
<body>
<p class="one">Mahak Gupta</p>
<p class="two">C-SharpCorner</p>
</body>
</html>
Here is the output: