Fix iconfont

components/iconfont/index.md

@@ -391,7 +391,7 @@
 	</li>
 	<li>
 		<i class="anticon anticon-appstore"></i>
-		<span class="anticon-class">large</span>
+		<span class="anticon-class">appstore</span>
 	</li>
 	<li>
 		<i class="anticon anticon-line-chart"></i>

site/templates/component.html

@@ -7,7 +7,7 @@
       {{ post.title }} {{ post.meta.chinese }}
       {%- if post.meta.API %}
       <a class="api-link" href="http://{{ post.meta.API }}" target="_blank">
-        <i class="iconfont-home icon-externallink"></i>
+        <i class="anticon anticon-link"></i>
         API 使用说明
       </a>
       {%- endif %}

site/templates/demos.html

@@ -2,10 +2,10 @@
 {%- if items.length > 0 %}
 <h2 class="component-demos">
   组件演示
-  <i class="iconfont-home icon-all" title="展开全部代码"></i>
+  <i class="anticon anticon-appstore icon-all" title="展开全部代码"></i>
   {%- if post.meta.sketch %}
   <a class="sketch-link" href="{{ post.meta.sketch }}" target="_blank">
-    <i class="iconfont-home icon-download"></i>
+    <i class="anticon anticon-download"></i>
     Sketch 下载
   </a>
   {%- endif %}

site/templates/home.html

@@ -18,7 +18,7 @@
         {{ config.site.description }}
       </div>
       <a class="entry-link" href="/spec/introduce">
-        <i class="iconfont-home icon-lego"></i>
+        <i class="anticon anticon-smile"></i>
         开始使用
       </a>
     </div>

static/style.css

-@font-face {
-  font-family: "iconfont-home";
-  src: url('//at.alicdn.com/t/font_1431765342_6775353.eot');
-  src: url('//at.alicdn.com/t/font_1431765342_6775353.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1431765342_6775353.woff') format('woff'), url('//at.alicdn.com/t/font_1431765342_6775353.ttf') format('truetype'), url('//at.alicdn.com/t/font_1431765342_6775353.svg#iconfont') format('svg');
-}
-
-.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;
@@ -1687,21 +1640,22 @@ footer ul li > a {
   font-weight: 600;
 }
 
-.component-demos .icon-all {
+.component-demos .anticon-appstore {
   cursor: pointer;
-  font-size: 16px;
+  font-size: 14px;
   color: #9199AC;
   margin-left: 5px;
-  vertical-align: text-bottom;
   opacity: 0.8;
   transition: all 0.3s ease;
+  top: -3px;
+  position: relative;
 }
 
-.component-demos .icon-all:hover {
+.component-demos .anticon-appstore:hover {
   opacity: 1;
 }
 
-.component-demos .icon-all.expand {
+.component-demos .anticon-appstore.expand {
   color: #3B4357;
 }
 
@@ -1784,8 +1738,8 @@ footer ul li > a {
 }
 
 .code-box-title:before {
-  font-family: iconfont-home;
-  content: "\e607";
+  font-family: anticon;
+  content: "\e665";
   font-size: 16px;
   vertical-align: middle;
   line-height: 22px;
@@ -1793,6 +1747,9 @@ footer ul li > a {
   margin-right: 8px;
   top: -2px;
   color: #ccc;
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  display: inline-block;
 }
 
 .code-box-meta > p {
@@ -1882,14 +1839,17 @@ a.entry-link:hover {
   border-color: #5F6C77;
 }
 
-a.entry-link .icon-lego {
+a.entry-link .anticon-smile {
   margin-right: 3px;
   display: inline-block;
   -webkit-animation: rotateCircleBack 0.5s 1 ease-in-out;
   animation: rotateCircleBack 0.5s 1 ease-in-out;
+  position: relative;
+  top: -1px;
+  line-height: 1;
 }
 
-a.entry-link:hover .icon-lego {
+a.entry-link:hover .anticon-smile {
   -webkit-animation: rotateCircle 0.5s 1 ease-in-out;
   animation: rotateCircle 0.5s 1 ease-in-out;
 }