使用字体图标(使用iconfont的unicode模式)

• 字体图标使用教程

• 坑

• 下载到本地使用方法

<input type="text" id="h_search_text"  class="iconfont" placeholder="&#xe607;我要买">

//css
@font-face {
    font-family: "iconfont"; /* Project id 3430448 */
    src: url('../font/Iconfont/iconfont.woff2') format('woff2'),
         url('../font/Iconfont/iconfont.woff') format('woff'),
         url('iconfont.ttf?t=1653549907852') format('truetype');
//注意 url换成自己本地的文件位置
  }
  
  .iconfont {
//图标样式
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-guanbi:before {
    content: "\e607";
  }
  

注意：一定要加类名：class="iconfont",否则图标不出来会显示出一个x号