|
@@ -3,8 +3,8 @@
|
|
|
<head>
|
|
|
<meta charset="utf-8"/>
|
|
|
<title>iconfont Demo</title>
|
|
|
- <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
|
|
|
- <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
|
|
|
+ <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
|
|
|
+ <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
|
|
|
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
|
|
|
<link rel="stylesheet" href="demo.css">
|
|
|
<link rel="stylesheet" href="iconfont.css">
|
|
@@ -54,6 +54,18 @@
|
|
|
<div class="content unicode" style="display: block;">
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">合同7</div>
|
|
|
+ <div class="code-name">&#xe675;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">sync</div>
|
|
|
+ <div class="code-name">&#xe6ca;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">流程</div>
|
|
@@ -474,9 +486,9 @@
|
|
|
<pre><code class="language-css"
|
|
|
>@font-face {
|
|
|
font-family: 'iconfont';
|
|
|
- src: url('iconfont.woff2?t=1656062511171') format('woff2'),
|
|
|
- url('iconfont.woff?t=1656062511171') format('woff'),
|
|
|
- url('iconfont.ttf?t=1656062511171') format('truetype');
|
|
|
+ src: url('iconfont.woff2?t=1671700473139') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1671700473139') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1671700473139') format('truetype');
|
|
|
}
|
|
|
</code></pre>
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -502,6 +514,24 @@
|
|
|
<div class="content font-class">
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont firerock-iconhetong7"></span>
|
|
|
+ <div class="name">
|
|
|
+ 合同7
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.firerock-iconhetong7
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont firerock-iconsync"></span>
|
|
|
+ <div class="name">
|
|
|
+ sync
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.firerock-iconsync
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont firerock-iconliucheng1"></span>
|
|
|
<div class="name">
|
|
@@ -1132,6 +1162,22 @@
|
|
|
<div class="content symbol">
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#firerock-iconhetong7"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">合同7</div>
|
|
|
+ <div class="code-name">#firerock-iconhetong7</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#firerock-iconsync"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">sync</div>
|
|
|
+ <div class="code-name">#firerock-iconsync</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#firerock-iconliucheng1"></use>
|