| | |
| | | <ul class="icon_lists dib-box"> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">取消</div> |
| | | <div class="code-name">&#xe662;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">重试</div> |
| | | <div class="code-name">&#xe61e;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">输入</div> |
| | | <div class="code-name">&#xe63e;</div> |
| | |
| | | <pre><code class="language-css" |
| | | >@font-face { |
| | | font-family: 'iconfont'; |
| | | src: url('iconfont.woff2?t=1729667747837') format('woff2'), |
| | | url('iconfont.woff?t=1729667747837') format('woff'), |
| | | url('iconfont.ttf?t=1729667747837') format('truetype'); |
| | | src: url('iconfont.woff2?t=1729735251742') format('woff2'), |
| | | url('iconfont.woff?t=1729735251742') format('woff'), |
| | | url('iconfont.ttf?t=1729735251742') format('truetype'); |
| | | } |
| | | </code></pre> |
| | | <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3> |
| | |
| | | </div> |
| | | <div class="content font-class"> |
| | | <ul class="icon_lists dib-box"> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-quxiao"></span> |
| | | <div class="name"> |
| | | 取消 |
| | | </div> |
| | | <div class="code-name">.icon-quxiao |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-chongshi"></span> |
| | | <div class="name"> |
| | | 重试 |
| | | </div> |
| | | <div class="code-name">.icon-chongshi |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-shuru"></span> |
| | |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-quxiao"></use> |
| | | </svg> |
| | | <div class="name">取消</div> |
| | | <div class="code-name">#icon-quxiao</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-chongshi"></use> |
| | | </svg> |
| | | <div class="name">重试</div> |
| | | <div class="code-name">#icon-chongshi</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-shuru"></use> |
| | | </svg> |
| | | <div class="name">输入</div> |