|
@@ -54,6 +54,18 @@
|
54
|
54
|
<div class="content unicode" style="display: block;">
|
55
|
55
|
<ul class="icon_lists dib-box">
|
56
|
56
|
|
|
57
|
+ <li class="dib">
|
|
58
|
+ <span class="icon iconfont"></span>
|
|
59
|
+ <div class="name">music_fill</div>
|
|
60
|
+ <div class="code-name">&#xe795;</div>
|
|
61
|
+ </li>
|
|
62
|
+
|
|
63
|
+ <li class="dib">
|
|
64
|
+ <span class="icon iconfont"></span>
|
|
65
|
+ <div class="name">music_forbid_fill</div>
|
|
66
|
+ <div class="code-name">&#xe796;</div>
|
|
67
|
+ </li>
|
|
68
|
+
|
57
|
69
|
<li class="dib">
|
58
|
70
|
<span class="icon iconfont"></span>
|
59
|
71
|
<div class="name">info</div>
|
|
@@ -97,10 +109,10 @@
|
97
|
109
|
>@font-face {
|
98
|
110
|
font-family: 'iconfont';
|
99
|
111
|
src:
|
100
|
|
- url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAWIAAsAAAAACtgAAAU5AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDMgqIXIcoATYCJAMUCwwABCAFhGcHUxtVCSMRNnNvMpD9xYHtmKLRLJvpiJ5DgfCNkYGlY38gpn8vXJlgP0fwtR/b9+4O16baxaZTEglPhEqC6aRCKYRk0ynhD7HZjq3Z88lHZGuDNmh/dG9WY2Vvrlk1PSEjTFHOokdfSP85vXxGCRCQBrtJ/ucvlbP8Ajafx3GN/y9rDVt2YLFwcLa1NaYWeGPJa1gL2rUIL0BTHXkZgQEHnNCuLgERQPg2VhQBOQx+d1BVx+2QnQo4tkmdYIc+bQ+6aRXvgEm+0ijKW/b+8S/EIbXC38v1jWcGOPhM6tlTOvYfA8q3pEvgxRMNBTsnZonnadcteqHeydDA0NwMZ4ABfVLudKZtzwafPf3fUSkvjRwI0lS5m39e9PDRELPONPXGySJphbexQTIeZIPC+CnLHwtqySYDGAPiRYH44pMr2WmaVLX2k5SEuIiety2CMNSUxEWRVCLqWkDg0dcJMvIqgUVcMa4gVIM1NeSgBp8+XQSMDZLD+BAxEEsMQXR8mBwENGygGLsAE9f8AgjCpZv1Z85hz7969YpNBEJe1Hq4EWAHNRoxQZQEaaeu8haPCoaJOryeVzGQuxUiuuyj+9uH5jTAQsQVhwWdBpkaFGCOg7Yr+zRSegYAbQkmLGYomYYO2dZdfgTr+fPyzRCPTkqnD/6IiVf0HF8a6z5w5tjiaIsgvXbGDkFyCpReTDRJR08rXze7FrVk1ATh9WQtwGRbbS//FyNaTNCImppoog7C5Zr22y2ZTQUWdQdlz9BQk3EFzmrcfN66n0devWrQQFn0RBMaPQsjrYs8UrufP962FLkWMdesxsBq/jv+sx0y7OwyHLI/haK0f4ZdtsOnzuzsvQ45MeaRZmaR5jEXRCT6SLM69QUtyR41Qfk6QZ7xY0QNUYmQXPIaoEpPu0o7d1RtpZt7isMbOCBHxipwgyuV9UzUH9VyQX3FC53itbMDs7WbjsopqSx+tzfm3Sm2CK/uUk5H+dp8VBq+g96FvSWWKp6EDHxXgsPXXpLw/oOgd2AzdFh7GC0xvrZxrS93j/FyacjlWr6rymU5/0spuszXFrrtJ4CtuZxR+YEgte0Sx9rsVOX829/3q216EWRsrgYHtL9bVIT6GC5zAS5tdmrw8Fx6stinl0fPIB/mL2v4/8IVj4b/yrEzQhy3NjkQFBy+ZdD2SmjKTtU/OhJ285HzCbG8p9yIcigxiiOScomZ6KQUJe0qFJQfE6DoqlmrnsuhuMqZy9uW3xNtQLlnxPlc4dRLzH9tq9oJLS7lX2Pspi3qZvKzznqTrIlrefemL+psNkpNoBZzgnD8uDLq0XfGveyajyf3DPc1hxIXcF5z+dBgGYDukAfozpn+rIVag7m37KPrZQ4KytnvfDEfp5TLk0UcvnJ43/2eP5uueAl0BwcwBH6nGCz9VeMEkLI6YsF1qDWSAp7m6afgSX67TT9j34R7u7FO2mUm9JmsIPVahKLPEq2ytqAZdAQ9+hzDgG2eWw+aVIIuaj/WrCcIYwYhjfiEYswJWmVdh2bGc+gx5i8MOBsVsjserfKRMQoWSH8YMq011Eo26A279xy5L/5C3gaOgjeunb3iirzFGtunCyIVKtMCF/NoOM8EjWnELKYXaQdr69CDmEyLOmIoEqgAyR8YZGRVE2ppfr4b1HmbRQzSXg62qUQGB57hANoVrVDbE2ncfHQCkUQFqlVJFuCyzoHmIEVAG15ohDJh9CsSzYEVqooic3hyeYJl/6WO/hqtIuP4ML7lQvucdaNh3YQ1D10vuyIS1CF1eqUAAAAA') format('woff2'),
|
101
|
|
- url('iconfont.woff?t=1662185947768') format('woff'),
|
102
|
|
- url('iconfont.ttf?t=1662185947768') format('truetype'),
|
103
|
|
- url('iconfont.svg?t=1662185947768#iconfont') format('svg');
|
|
112
|
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
|
|
113
|
+ url('iconfont.woff?t=1662186431769') format('woff'),
|
|
114
|
+ url('iconfont.ttf?t=1662186431769') format('truetype'),
|
|
115
|
+ url('iconfont.svg?t=1662186431769#iconfont') format('svg');
|
104
|
116
|
}
|
105
|
117
|
</code></pre>
|
106
|
118
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -126,6 +138,24 @@
|
126
|
138
|
<div class="content font-class">
|
127
|
139
|
<ul class="icon_lists dib-box">
|
128
|
140
|
|
|
141
|
+ <li class="dib">
|
|
142
|
+ <span class="icon iconfont icon-musicfill"></span>
|
|
143
|
+ <div class="name">
|
|
144
|
+ music_fill
|
|
145
|
+ </div>
|
|
146
|
+ <div class="code-name">.icon-musicfill
|
|
147
|
+ </div>
|
|
148
|
+ </li>
|
|
149
|
+
|
|
150
|
+ <li class="dib">
|
|
151
|
+ <span class="icon iconfont icon-musicforbidfill"></span>
|
|
152
|
+ <div class="name">
|
|
153
|
+ music_forbid_fill
|
|
154
|
+ </div>
|
|
155
|
+ <div class="code-name">.icon-musicforbidfill
|
|
156
|
+ </div>
|
|
157
|
+ </li>
|
|
158
|
+
|
129
|
159
|
<li class="dib">
|
130
|
160
|
<span class="icon iconfont icon-info"></span>
|
131
|
161
|
<div class="name">
|
|
@@ -189,6 +219,22 @@
|
189
|
219
|
<div class="content symbol">
|
190
|
220
|
<ul class="icon_lists dib-box">
|
191
|
221
|
|
|
222
|
+ <li class="dib">
|
|
223
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
224
|
+ <use xlink:href="#icon-musicfill"></use>
|
|
225
|
+ </svg>
|
|
226
|
+ <div class="name">music_fill</div>
|
|
227
|
+ <div class="code-name">#icon-musicfill</div>
|
|
228
|
+ </li>
|
|
229
|
+
|
|
230
|
+ <li class="dib">
|
|
231
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
232
|
+ <use xlink:href="#icon-musicforbidfill"></use>
|
|
233
|
+ </svg>
|
|
234
|
+ <div class="name">music_forbid_fill</div>
|
|
235
|
+ <div class="code-name">#icon-musicforbidfill</div>
|
|
236
|
+ </li>
|
|
237
|
+
|
192
|
238
|
<li class="dib">
|
193
|
239
|
<svg class="icon svg-icon" aria-hidden="true">
|
194
|
240
|
<use xlink:href="#icon-info"></use>
|