|
@@ -55,6 +55,12 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">视频教程</div>
|
|
|
+ <div class="code-name">&#xe63d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">疑问-圆-填充</div>
|
|
|
<div class="code-name">&#xe7cc;</div>
|
|
@@ -144,9 +150,9 @@
|
|
|
<pre><code class="language-css"
|
|
|
>@font-face {
|
|
|
font-family: 'iconfont';
|
|
|
- src: url('iconfont.woff2?t=1727167270788') format('woff2'),
|
|
|
- url('iconfont.woff?t=1727167270788') format('woff'),
|
|
|
- url('iconfont.ttf?t=1727167270788') format('truetype');
|
|
|
+ src: url('iconfont.woff2?t=1729242415893') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1729242415893') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1729242415893') format('truetype');
|
|
|
}
|
|
|
</code></pre>
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -173,6 +179,15 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont iconx-shiping"></span>
|
|
|
+ <div class="name">
|
|
|
+ 视频教程
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.iconx-shiping
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont iconx-yiwen"></span>
|
|
|
<div class="name">
|
|
|
疑问-圆-填充
|
|
@@ -309,6 +324,14 @@
|
|
|
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#iconx-shiping"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">视频教程</div>
|
|
|
+ <div class="code-name">#iconx-shiping</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#iconx-yiwen"></use>
|
|
|
</svg>
|
|
|
<div class="name">疑问-圆-填充</div>
|