leiyanting

导航

 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>自定义字体图标</title>
    <style>
      @font-face {
        font-family: "iconfont"; /* Project id  */
        src: url(./ico/font_jn6eztpag1q/iconfont.ttf);
      }

      .iconfont {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      .icon-wenjianjia:before {
        content: "\f2c3";
      }

      .icon-sousuo:before {
        content: "\e605";
      }

      .icon-xinzeng:before {
        content: "\e606";
      }

      .icon-tishi:before {
        content: "\e607";
      }

      .icon-renling:before {
        content: "\e604";
      }
    </style>
  </head>
  <body>
    <p class="iconfont icon-sousuo"></p>
  </body>
</html>

 

posted on 2021-07-05 16:08  leiyanting  阅读(123)  评论(0)    收藏  举报