You can edit / change the code and click run button <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> p.serif { font-family: "Times New Roman", Times, serif; } p.sansserif { font-family: Arial, Helvetica, sans-serif; } </style> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script> <h1>CSS font-family</h1> <p class="serif">Welcome to SnoopCode. This is Times New roman font </p> <p class="sansserif">This is a paragraph, shown in the Arial font.</p>