|
@@ -38,7 +38,7 @@
|
|
|
<div class="main">
|
|
|
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
|
|
|
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
|
|
|
-
|
|
|
+
|
|
|
</a></h1>
|
|
|
<div class="nav-tabs">
|
|
|
<ul id="tabs" class="dib-box">
|
|
@@ -46,50 +46,62 @@
|
|
|
<li class="dib"><span>Font class</span></li>
|
|
|
<li class="dib"><span>Symbol</span></li>
|
|
|
</ul>
|
|
|
-
|
|
|
+
|
|
|
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2877683" target="_blank" class="nav-more">查看项目</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div class="tab-container">
|
|
|
<div class="content unicode" style="display: block;">
|
|
|
<ul class="icon_lists dib-box">
|
|
|
-
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">设备图标_阀门</div>
|
|
|
+ <div class="code-name">&#xe62c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">圆角六角星</div>
|
|
|
+ <div class="code-name">&#xe657;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">三角形</div>
|
|
|
<div class="code-name">&#xe620;</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">添加</div>
|
|
|
<div class="code-name">&#xe610;</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">喜欢</div>
|
|
|
<div class="code-name">&#xe612;</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">星星</div>
|
|
|
<div class="code-name">&#xe613;</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">圆圈</div>
|
|
|
<div class="code-name">&#xe63e;</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">tx-正方形</div>
|
|
|
<div class="code-name">&#xe650;</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
</ul>
|
|
|
<div class="article markdown">
|
|
|
<h2 id="unicode-">Unicode 引用</h2>
|
|
@@ -108,9 +120,9 @@
|
|
|
<pre><code class="language-css"
|
|
|
>@font-face {
|
|
|
font-family: 'iconfont';
|
|
|
- src: url('iconfont.woff2?t=1634625351781') format('woff2'),
|
|
|
- url('iconfont.woff?t=1634625351781') format('woff'),
|
|
|
- url('iconfont.ttf?t=1634625351781') format('truetype');
|
|
|
+ src: url('iconfont.woff2?t=1638751065452') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1638751065452') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1638751065452') format('truetype');
|
|
|
}
|
|
|
</code></pre>
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -135,7 +147,25 @@
|
|
|
</div>
|
|
|
<div class="content font-class">
|
|
|
<ul class="icon_lists dib-box">
|
|
|
-
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shebeitubiao_famen"></span>
|
|
|
+ <div class="name">
|
|
|
+ 设备图标_阀门
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shebeitubiao_famen
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-yuanjiaoliujiaoxing"></span>
|
|
|
+ <div class="name">
|
|
|
+ 圆角六角星
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-yuanjiaoliujiaoxing
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont icon-triangle"></span>
|
|
|
<div class="name">
|
|
@@ -144,7 +174,7 @@
|
|
|
<div class="code-name">.icon-triangle
|
|
|
</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont icon-plus"></span>
|
|
|
<div class="name">
|
|
@@ -153,7 +183,7 @@
|
|
|
<div class="code-name">.icon-plus
|
|
|
</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont icon-love"></span>
|
|
|
<div class="name">
|
|
@@ -162,7 +192,7 @@
|
|
|
<div class="code-name">.icon-love
|
|
|
</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont icon-star"></span>
|
|
|
<div class="name">
|
|
@@ -171,7 +201,7 @@
|
|
|
<div class="code-name">.icon-star
|
|
|
</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont icon-round"></span>
|
|
|
<div class="name">
|
|
@@ -180,7 +210,7 @@
|
|
|
<div class="code-name">.icon-round
|
|
|
</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont icon-square"></span>
|
|
|
<div class="name">
|
|
@@ -189,7 +219,7 @@
|
|
|
<div class="code-name">.icon-square
|
|
|
</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
</ul>
|
|
|
<div class="article markdown">
|
|
|
<h2 id="font-class-">font-class 引用</h2>
|
|
@@ -216,7 +246,23 @@
|
|
|
</div>
|
|
|
<div class="content symbol">
|
|
|
<ul class="icon_lists dib-box">
|
|
|
-
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shebeitubiao_famen"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">设备图标_阀门</div>
|
|
|
+ <div class="code-name">#icon-shebeitubiao_famen</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-yuanjiaoliujiaoxing"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">圆角六角星</div>
|
|
|
+ <div class="code-name">#icon-yuanjiaoliujiaoxing</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-triangle"></use>
|
|
@@ -224,7 +270,7 @@
|
|
|
<div class="name">三角形</div>
|
|
|
<div class="code-name">#icon-triangle</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-plus"></use>
|
|
@@ -232,7 +278,7 @@
|
|
|
<div class="name">添加</div>
|
|
|
<div class="code-name">#icon-plus</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-love"></use>
|
|
@@ -240,7 +286,7 @@
|
|
|
<div class="name">喜欢</div>
|
|
|
<div class="code-name">#icon-love</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-star"></use>
|
|
@@ -248,7 +294,7 @@
|
|
|
<div class="name">星星</div>
|
|
|
<div class="code-name">#icon-star</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-round"></use>
|
|
@@ -256,7 +302,7 @@
|
|
|
<div class="name">圆圈</div>
|
|
|
<div class="code-name">#icon-round</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-square"></use>
|
|
@@ -264,7 +310,7 @@
|
|
|
<div class="name">tx-正方形</div>
|
|
|
<div class="code-name">#icon-square</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
</ul>
|
|
|
<div class="article markdown">
|
|
|
<h2 id="symbol-">Symbol 引用</h2>
|