diff --git a/static/style.css b/static/style.css
index 46d604b152..14c7fee082 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,8 +1,33 @@
+@font-face {font-family: "iconfont-home";
+  src: url('//at.alicdn.com/t/font_1431765342_6775353.eot'); /* IE9*/
+  src: url('//at.alicdn.com/t/font_1431765342_6775353.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('//at.alicdn.com/t/font_1431765342_6775353.woff') format('woff'), /* chrome銆乫irefox */
+  url('//at.alicdn.com/t/font_1431765342_6775353.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
+  url('//at.alicdn.com/t/font_1431765342_6775353.svg#iconfont') format('svg'); /* iOS 4.1- */
+}
+.iconfont-home {
+  font-family:"iconfont-home" !important;
+  font-size:16px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+.icon-tag:before { content: "\e607"; }
+.icon-lego:before { content: "\e600"; }
+.icon-all:before { content: "\e601"; }
+.icon-chevron:before { content: "\e602"; }
+.icon-externallink:before { content: "\e603"; }
+.icon-download:before { content: "\e604"; }
+.icon-github:before { content: "\e605"; }
+.icon-code:before { content: "\e606"; }
+
 html {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
 html, body {
   height: 100%;
 }
@@ -1042,7 +1067,7 @@ footer ul li > a {
 }
 
 .code-box-title:before {
-  font-family: iconfont;
+  font-family: iconfont-home;
   content: "\e607";
   font-size: 16px;
   vertical-align: middle;
diff --git a/theme/templates/code.html b/theme/templates/code.html
index 87e1d75131..6bf1ba25f9 100644
--- a/theme/templates/code.html
+++ b/theme/templates/code.html
@@ -8,6 +8,6 @@
     <p class="code-box-description">
       {{ post.meta.description }}
     </p>
-    <span class="collapse iconfont icon-chevron"></span>
+    <span class="collapse iconfont-home icon-chevron"></span>
   </div>
 </div>
diff --git a/theme/templates/layout.html b/theme/templates/layout.html
index ccee9248d7..6904689698 100644
--- a/theme/templates/layout.html
+++ b/theme/templates/layout.html
@@ -65,7 +65,7 @@
       </div>
       <div class="entry-slogan">Design for ease.</div>
       <a class="entry-link" href="/docs/start">
-        <i class="iconfont icon-lego"></i>
+        <i class="iconfont-home icon-lego"></i>
         开始使用
       </a>
     </div>
@@ -91,7 +91,7 @@
           {{ post.title }} {{ post.meta.chinese }}
           {%- if post.meta.API %}
           <a class="api-link" href="http://{{ post.meta.API }}" target="_blank">
-            <i class="iconfont icon-externallink"></i>
+            <i class="iconfont-home icon-externallink"></i>
             API 使用说明
           </a>
           {%- endif %}
@@ -100,7 +100,7 @@
         {%- if post.meta.template === 'component' %}
         <h2 class="component-demos">
           组件演示
-          <i class="iconfont icon-all" title="展开全部代码"></i>
+          <i class="iconfont-home icon-all" title="展开全部代码"></i>
         </h2>
         <div class="code-boxes waterfall" data-col-min-width="400"
 	data-default-container-width="800"