美文网首页
微信小程序之引用字体图标

微信小程序之引用字体图标

作者: 5df463a52098 | 来源:发表于2019-02-27 14:20 被阅读4次

    第一步:创建资源目录assets

    创建资源目录assets与pages目录同级,并且将iconfont放在该目录下


    image.png

    第二步:引入字体图标

    首先,微信小程序不支持直接引入css文件,必须将iconfont中的style.css后缀名改成wxss;
    其次,在app.wxss中引入style.wxss


    image.png

    发现图标并没有在页面上显示,是因为小程序不能直接引用字体图标文件,必须转成base64才能引用。
    非base64引入:


    image.png
    base64字体:
    @font-face {
        font-family: 'iconfont';
        src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),
            url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),
            url('iconfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    

    字体图标文件转换称base64的方法:
    进入在线转换网站 (https://transfonter.org/):

    image.png
    转换完成后下载文件:
    image.png
    得到一个zip包,解压后:
    image.png
    复制stylesheet.css内容覆盖style.css中对应的部分,后缀名改成wxss,这就是我们需要引入的字体图标。
    image.png
    正确的style.wxss文件内容
    @font-face {
        font-family: 'iconfont';
        src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),
            url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),
            url('iconfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'iconfont';
        src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),
            url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),
            url('iconfont_1.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    [class^="icon-"], [class*=" icon-"] {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'iconfont' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
    
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .icon-phone:before {
      content: "\e942";
    }
    .icon-location2:before {
      content: "\e948";
    }
    .icon-alarm:before {
      content: "\e950";
    }
    .icon-bubbles2:before {
      content: "\e96d";
    }
    .icon-bubble2:before {
      content: "\e96e";
    }
    .icon-user-tie:before {
      content: "\e976";
    }
    .icon-cog:before {
      content: "\e994";
    }
    .icon-gift:before {
      content: "\e99f";
    }
    .icon-bin:before {
      content: "\e9ac";
    }
    .icon-link:before {
      content: "\e9cb";
    }
    .icon-star-empty:before {
      content: "\e9d7";
    }
    .icon-star-half:before {
      content: "\e9d8";
    }
    .icon-star-full:before {
      content: "\e9d9";
    }
    .icon-heart:before {
      content: "\e9da";
    }
    .icon-pause:before {
      content: "\ea16";
    }
    .icon-stop:before {
      content: "\ea17";
    }
    .icon-previous:before {
      content: "\ea18";
    }
    .icon-next:before {
      content: "\ea19";
    }
    .icon-mail:before {
      content: "\ea83";
    }
    .icon-home2:before {
      content: "\e901";
    }
    .icon-image:before {
      content: "\e90d";
    }
    .icon-headphones:before {
      content: "\e910";
    }
    .icon-mic:before {
      content: "\e91e";
    }
    .icon-folder-minus:before {
      content: "\e932";
    }
    .icon-folder-download:before {
      content: "\e933";
    }
    .icon-folder-upload:before {
      content: "\e934";
    }
    .icon-cart:before {
      content: "\e93a";
    }
    .icon-coin-yen:before {
      content: "\e93e";
    }
    .icon-compass:before {
      content: "\e949";
    }
    .icon-user:before {
      content: "\e971";
    }
    .icon-spinner3:before {
      content: "\e97c";
    }
    .icon-spinner11:before {
      content: "\e984";
    }
    .icon-search:before {
      content: "\e986";
    }
    .icon-clipboard:before {
      content: "\e9b8";
    }
    .icon-smile2:before {
      content: "\e9e2";
    }
    .icon-sad2:before {
      content: "\e9e6";
    }
    .icon-angry2:before {
      content: "\e9ee";
    }
    
    

    第三步:使用字体图标

    <text class="iconfont icon-mic" style="color:red;"></text>
    

    编译之后,页面的小程序就显示出来了


    image.png

    相关文章

      网友评论

          本文标题:微信小程序之引用字体图标

          本文链接:https://www.haomeiwen.com/subject/vwxfuqtx.html