|
@@ -54,6 +54,12 @@
|
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">info</div>
|
|
60
|
+ <div class="code-name">&#xe6e5;</div>
|
|
61
|
+ </li>
|
|
62
|
+
|
57
|
63
|
<li class="dib">
|
58
|
64
|
<span class="icon iconfont"></span>
|
59
|
65
|
<div class="name">cc-pointer-right</div>
|
|
@@ -91,10 +97,10 @@
|
91
|
97
|
>@font-face {
|
92
|
98
|
font-family: 'iconfont';
|
93
|
99
|
src:
|
94
|
|
- url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAATwAAsAAAAACegAAASjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqHEIVxATYCJAMQCwoABCAFhGcHTBt9CBHVo9mQ/UzI5HpnDI1iOEcRa3lNNNG+a+Lhcwx9P0kBQDErIMeqkkm42qnN2U1pOj8j+sN36ouKS+sreTU1J5uTzSVwm5POn4A355p6oyPMUM4+efSFtLz0sjwFwA/3S76yBssHIlfdlPjBzqL1wHqRqQOOJpiPcQq1O1UvQIs+jUCtOTaIuy5eQcD3HF+UA5LIjNogzo3n9NR44FLUSg0lVMsq0VULxA+gkL4RceC7//zxn0FwgaQig7GV4xTnJFh+Jvqsh0T7TwPIv7k1Ap2eUIGMqYVp477efAmkUDjli2vLkslWgGrTmBh04Pyznv//Q+6mxNVcrOs/XiIqwRDXU9ySKB8Yx2bHkvNUKaikh8YkPJVVqlFHrALEHRj4fptMiooJV3NeXrKirJAAby7tFsJgk60QCHSxOs390H3LORbrnlkQL/N2aSFSA7Rl5RraPP9RkLDDojL76L0IwqikV1FjDO/V8jBaLUO7mnonlWE66J7VtFq1eDkKNOse80OdynHt3UD8hTCMxnHx6maJhiFfgunUTak6ApXEFEvkH6LQi9o3ZwfblvY2Zgbq5xMTv7F5PjaOkJjLqBULHZPbN2CHzOrUEuhVzAqgSTSYs4JZQfV6aFB5eSijkkCXrF20mDWoc86o90isUFmetANH1a27adpFZbJYWtW4UXsoQ7l9ur9hhsrEuuaGGmeDu4opXR6H/FleooGVYOkDioccHOOs3iBeaeIm3ift8ZRnAp6oqh3qLpRtE4mleqditeuSsvIz3y117c3J1PMdaZVLROewOVQMedz+BHEVno3pwuLIkzbqHDYr7PoHaX+MGKB9WB+ap8s+dcyd+6ruATGCHTvTXv6upOedOHXK6yX1pi0wX5TUKVzyUbwgvNFooSDp2fS+S/H0Cx9dQ0XEq+ndjAyhk2w36WXXaKGIlI/SkKB9erm+x/th6q7r+T99zynluLexx0MDpnpLPr7WU4bGVzyjFgqeocGIg5ukm5/xU7kalAtvwbn44+5Qom1kQ8TseXwyw7xk7FUqlNK58Bq55AONB54KVKPce61z3Hzxdyj/Gg83MVS58b1yXQdMwEHvZ6XpaQk9++jq9V9Ump0SHUaNJucD6ZtyqFPnnmMB282Ze6/mdTXeOs/1umYO8gDwdT2vZGWf9jB3kjSiyxny5h84zan0o/ZYfquvXHUPv+6f+jMqc34tF8Ak8AdxYPb/JokCEYvqoZQyvs39h60fQHk/RdSqxQ8Wp9XTIaRtcDahWlsMSZU+yKoNoApuAirUWYBK1dag1iTnteu0yQOSKNzAiBMEQrMeSBr9hKzZFqrg9qFCp+dQqdlfqHVC4N1cHXMkzJFRCVrQf4iGNmfJxB/2hv5dFBcFXsh7pD6Yhykbu+KG3McS+8cvIg4cU4WLtDcshaAxJTQyBJG2jqMru5HBUO2OjErQAv0H0dDmXGRJv74b+ndRDKJeRt45iw0PZoMJQF3FG1R1IaP3j1+IOD7LMVVwUY1YzDCBVj4poZFB6BBsq5EhOVQ8TC+tt7cNahlLl0iRo0SF5ivTN4qHtwr3HH2Qw0aC/eKZ5q4DAA==') format('woff2'),
|
95
|
|
- url('iconfont.woff?t=1661220235419') format('woff'),
|
96
|
|
- url('iconfont.ttf?t=1661220235419') format('truetype'),
|
97
|
|
- url('iconfont.svg?t=1661220235419#iconfont') format('svg');
|
|
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');
|
98
|
104
|
}
|
99
|
105
|
</code></pre>
|
100
|
106
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -120,6 +126,15 @@
|
120
|
126
|
<div class="content font-class">
|
121
|
127
|
<ul class="icon_lists dib-box">
|
122
|
128
|
|
|
129
|
+ <li class="dib">
|
|
130
|
+ <span class="icon iconfont icon-info"></span>
|
|
131
|
+ <div class="name">
|
|
132
|
+ info
|
|
133
|
+ </div>
|
|
134
|
+ <div class="code-name">.icon-info
|
|
135
|
+ </div>
|
|
136
|
+ </li>
|
|
137
|
+
|
123
|
138
|
<li class="dib">
|
124
|
139
|
<span class="icon iconfont icon-cc-pointer-right"></span>
|
125
|
140
|
<div class="name">
|
|
@@ -174,6 +189,14 @@
|
174
|
189
|
<div class="content symbol">
|
175
|
190
|
<ul class="icon_lists dib-box">
|
176
|
191
|
|
|
192
|
+ <li class="dib">
|
|
193
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
194
|
+ <use xlink:href="#icon-info"></use>
|
|
195
|
+ </svg>
|
|
196
|
+ <div class="name">info</div>
|
|
197
|
+ <div class="code-name">#icon-info</div>
|
|
198
|
+ </li>
|
|
199
|
+
|
177
|
200
|
<li class="dib">
|
178
|
201
|
<svg class="icon svg-icon" aria-hidden="true">
|
179
|
202
|
<use xlink:href="#icon-cc-pointer-right"></use>
|