diff --git a/css/zh-CN-ZcoolHappy-Subset.ttf b/css/zh-CN-ZcoolHappy-Subset.ttf
new file mode 100644
index 0000000..1fb366e
Binary files /dev/null and b/css/zh-CN-ZcoolHappy-Subset.ttf differ
diff --git a/zh-CN.html b/zh-CN.html
index 262f78b..230ba01 100644
--- a/zh-CN.html
+++ b/zh-CN.html
@@ -66,6 +66,18 @@ Good luck, and thanks again!
 
 	<!-- Styles -->
 	<link rel="stylesheet" type="text/css" href="css/index.css?v=3">
+	<style>
+		/* ZcoolHappy(站酷快乐体): http://www.zcool.com.cn/special/zcoolfonts/#5thpage */
+		@font-face {
+			font-family: "ZcoolHappy-Subset";
+			font-style: normal;
+			font-weight: 400;
+			src: url(css/zh-CN-ZcoolHappy-Subset.ttf?v=1) format('truetype');
+		}
+			body{
+			font-family: "PatrickHand", "ZcoolHappy-Subset", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", Helvetica, Arial;
+		}
+	</style>
 
 </head>
 <body>
@@ -101,7 +113,7 @@ Good luck, and thanks again!
 		</div>
 
 	</div>
-	
+
 	<!-- Navigation: Audio, Contents, Share, Translations -->
 	<div id="navigation_container">
 		<div id="sound" mute="no">
@@ -164,7 +176,7 @@ Good luck, and thanks again!
 
 			<!-- A divider -->
 			<span class="nav_divider"></span>
-			
+
 			<!-- Bonus Notes & References -->
 			<div modal="bonus">
 				<span>?</span>
@@ -190,12 +202,12 @@ Good luck, and thanks again!
 
 			<!-- The hover bubble -->
 			<span id="nav_bubble"></span>
-			
+
 		</div>
 		<div id="translations"></div>
 		<div id="social"></div>
 	</div>
-	
+
 	<!-- The Pencil -->
 	<div id="pencil_container">
 		<canvas id="pencil"></canvas>
@@ -915,7 +927,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 	<next small>&lt;3</next>
 </words>
 
-<!-- Credits --> 
+<!-- Credits -->
 
 <words id="credits">
 
