添加svg
This commit is contained in:
@@ -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">传输设备</div>
|
||||
<div class="code-name">&#xe67a;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">告警</div>
|
||||
@@ -78,9 +84,9 @@
|
||||
<pre><code class="language-css"
|
||||
>@font-face {
|
||||
font-family: 'iconfont';
|
||||
src: url('iconfont.woff2?t=1752716651599') format('woff2'),
|
||||
url('iconfont.woff?t=1752716651599') format('woff'),
|
||||
url('iconfont.ttf?t=1752716651599') format('truetype');
|
||||
src: url('iconfont.woff2?t=1761527493132') format('woff2'),
|
||||
url('iconfont.woff?t=1761527493132') format('woff'),
|
||||
url('iconfont.ttf?t=1761527493132') format('truetype');
|
||||
}
|
||||
</code></pre>
|
||||
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
||||
@@ -106,6 +112,15 @@
|
||||
<div class="content font-class">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-chuanshushebei"></span>
|
||||
<div class="name">
|
||||
传输设备
|
||||
</div>
|
||||
<div class="code-name">.icon-chuanshushebei
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-gaojing"></span>
|
||||
<div class="name">
|
||||
@@ -142,6 +157,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="#icon-chuanshushebei"></use>
|
||||
</svg>
|
||||
<div class="name">传输设备</div>
|
||||
<div class="code-name">#icon-chuanshushebei</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-gaojing"></use>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 4977098 */
|
||||
src: url('iconfont.woff2?t=1752716651599') format('woff2'),
|
||||
url('iconfont.woff?t=1752716651599') format('woff'),
|
||||
url('iconfont.ttf?t=1752716651599') format('truetype');
|
||||
src: url('iconfont.woff2?t=1761527493132') format('woff2'),
|
||||
url('iconfont.woff?t=1761527493132') format('woff'),
|
||||
url('iconfont.ttf?t=1761527493132') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
@@ -13,6 +13,10 @@
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-chuanshushebei:before {
|
||||
content: "\e67a";
|
||||
}
|
||||
|
||||
.icon-gaojing:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -5,6 +5,13 @@
|
||||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "21053723",
|
||||
"name": "传输设备",
|
||||
"font_class": "chuanshushebei",
|
||||
"unicode": "e67a",
|
||||
"unicode_decimal": 59002
|
||||
},
|
||||
{
|
||||
"icon_id": "36284864",
|
||||
"name": "告警",
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user