JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html>
	<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
<base href="http://prozaik.16mb.com/js/q2/">
		<link rel="stylesheet" href="css/style.css" />			

		<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->			
	</head>

	<body>	
		<div class="wrap clearfix">

				<section class="content_site_top">	
					<h1 class="grad_h1 je photografers" id="grad_h1">Dear Wikipedia readers: We are the small non-profit that </h1>
				</section>

		

		</div>
		
			
		
		<script src="js/jquery-1.8.pack.js"></script>			

		
		<script src="js/cufon/cufon.js"></script>
		<script src="js/cufon/Myriad_Pro_400.font.js"></script>	
		<script src="js/cufon/Bickham_Script_Three_400.font.js"></script>		
		<script>
			Cufon.replace(".grad_h1, #h1_best_places h2, #photografers h2, #weddings h1", {
				fontFamily: 'Bickham Script Three',
				textShadow: '-5px 6px 1px #000',
				color: '-linear-gradient(gray, 0.1=gray, 0.55=#fff, #fff)'
			});
			
			Cufon.replace(".menu_upper .text, .tel a", {
				fontFamily: 'Myriad Pro',
				color: '-linear-gradient(gray, 0.1=gray, 0.55=#fff, #fff)'
			});	

			Cufon.replace(".content_site h1, .content_site h2", {
				fontFamily: 'Myriad Pro',
				color: '-linear-gradient(gray, 0.1=gray, 0.65=#fff, #fff)'
			});				
		</script>		
	




		<script src="js/helper.js"></script>	
		

					
	</body>
</html>

CSS

h1{line-height: 0px!important;margin:20px 10px!important;}

JavaScript

jQuery(".cufon").css("heigt","170px")