• 注册
  • 发布
  • APP下载安卓
  • 注册
  • 查看作者
    • wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      本文语音阅读 播音源:Aiqi

      WP站点支持font awsome图标文字毋庸置疑,用的次数多了也会觉得审美疲劳,今天FUNION教大家快速掌握一门新技巧:wordpress引入iconfont图标文字

      先看下官网效果展示:

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了


      完成这个事情需要准备以下几点,飞小优现将wp引入iconfont图标教程分享给大家:

      1.登录iconfont官网,传送门?点击进入 注册即可!

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      2.搜索想要的目标图标,以官网为例,搜索“投稿”,接下来点击图标添加到购物车,点击项目,完成项目命名,在查看下

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      添加项目

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      完成项目命名

      3.查看添加的图标,然后生成代码,将代码添加到wp中的自定义css或者主题下的css文件底部中,如下,

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      添加完毕后,还需要找到图标下的代码,如下图,

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      4.接下来可以在wp后台通过添加菜单时,添加代码实现,如:

      <i class="iconfont">&#xe63c;</i>

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      TIPS:这里填写到后台时会出现一个小问号的情况“?”,这表示没有生效,此时你还需要粘贴这段代码到css文件,同步骤3,如下,

      .iconfont{
      font-family:"iconfont" !important;
      font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
      }

      最后,你打开前台就会看到已经生效了!

      总结:完成WP引入iconfont图标需要4步骤:

      1. 注册iconfont账号,登录找到目标icon创建项目

      2. 添加2段代码

      3. 填写输出到具体场景下的代码即可。

      以上就是飞小优跟大家分享的WP如何引入iconfont图标教程,希望大家多多关注,不清楚的可以在本文章评论回复!

      广东·深圳
    • 2
    • 0
    • 0
    • 1.5k
    • 诸子百家翰林大学士

      请登录之后再进行评论

      登录
      海报
      聊天
      关注 91

      最新评论

      情绪失控情绪失控41分钟前
      这是手艺活,厉害

      来自: #韩亚国际短片电影节海报# 韩

      肉球宝宝肉球宝宝1小时前
      这种设计感真的太棒了

      来自: #韩亚国际短片电影节海报# 韩

      墨点墨点1小时前
      这个设计是真的不错呢,有创意。

      来自: #韩亚国际短片电影节海报# 韩

      泽北先生泽北先生2小时前
      不仔细看的话,还真没有看出来区别

      来自: ,倾斜的经典双P字母尾巴变长,

      ☞嗯哼☜ლ☞嗯哼☜ლ3小时前
      @布丁821 现在都是细微变化

      来自: ,倾斜的经典双P字母尾巴变长,

      ☞嗯哼☜ლ☞嗯哼☜ლ4小时前
      @豌豆成精了 原来如此

      来自: ,倾斜的经典双P字母尾巴变长,

      豌豆成精了豌豆成精了4小时前
      原来字体找不着了

      来自: ,倾斜的经典双P字母尾巴变长,

      小十一baby小十一baby5小时前
      这两个logo应该不一样吧?

      来自: ,倾斜的经典双P字母尾巴变长,

      烊.烊.6小时前
      还真的是挺想去尝试一下

      来自: #肯德基旗下茶饮品牌首店开业#

      秘密㊙️秘密㊙️6小时前
      起的这个名字也太好了

      来自: #肯德基旗下茶饮品牌首店开业#

    • 赚金币
    • 发布
    • 飞优网小程序码 小程序扫码
    • 签到中心
      小黑屋
      举报中心
    • 单栏布局 侧栏位置: