|
|
|
@ -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,12 @@
|
|
|
|
|
<div class="content unicode" style="display: block;">
|
|
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont"></span>
|
|
|
|
|
<div class="name">雷达图2</div>
|
|
|
|
|
<div class="code-name">&#xe640;</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont"></span>
|
|
|
|
|
<div class="name">热力图</div>
|
|
|
|
@ -810,9 +816,9 @@
|
|
|
|
|
<pre><code class="language-css"
|
|
|
|
|
>@font-face {
|
|
|
|
|
font-family: 'iconfont';
|
|
|
|
|
src: url('iconfont.woff2?t=1650520683161') format('woff2'),
|
|
|
|
|
url('iconfont.woff?t=1650520683161') format('woff'),
|
|
|
|
|
url('iconfont.ttf?t=1650520683161') format('truetype');
|
|
|
|
|
src: url('iconfont.woff2?t=1666946350865') format('woff2'),
|
|
|
|
|
url('iconfont.woff?t=1666946350865') format('woff'),
|
|
|
|
|
url('iconfont.ttf?t=1666946350865') format('truetype');
|
|
|
|
|
}
|
|
|
|
|
</code></pre>
|
|
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
|
|
@ -838,6 +844,15 @@
|
|
|
|
|
<div class="content font-class">
|
|
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont iconleidatu"></span>
|
|
|
|
|
<div class="name">
|
|
|
|
|
雷达图2
|
|
|
|
|
</div>
|
|
|
|
|
<div class="code-name">.iconleidatu
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont iconrelitu"></span>
|
|
|
|
|
<div class="name">
|
|
|
|
@ -1972,6 +1987,14 @@
|
|
|
|
|
<div class="content symbol">
|
|
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
<use xlink:href="#iconleidatu"></use>
|
|
|
|
|
</svg>
|
|
|
|
|
<div class="name">雷达图2</div>
|
|
|
|
|
<div class="code-name">#iconleidatu</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
<use xlink:href="#iconrelitu"></use>
|
|
|
|
|