图标显示小方框

图标显示小方框

@font-face {font-family: "iconfont";
  src: url('./iconfont/iconfont.eot?t=1596134432611'); /* IE9 */
  src: url('./iconfont/iconfont.eot?t=1596134432611#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANoAAsAAAAAB2wAAAMaAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqCLIIYATYCJAMQCwoABCAFhG0HQhuEBsgusG3Yk0BruGbMgIL4YQAHiKAaK3t29wkggJbAhRUQCR2FLHzKk7Gs2IgbWsPdxPxmJknl5e7N58D/RLNZQj1B9TZJEBoh0xM8Q3g84OJFlkyxbsRZEvPp5I/7qYsCneWz2Vx+LNKiKSI0Emg3sOnAooNsA5mgb6ldxElRv7aZQL1heVw2b+0bBN4K1CsQF84yBPDuWBUlCdQK1RMTi7inSm26k37hrvx+/LcyvEmqMjRw56l2GjT9Cgk3u0IHOIHwOgOSaWQsAgpxZtJ0jJv2LnJTXzV3txZQq1biqrri/wMNH8bwXx4hS0Q1FN8IVge+zK82yif4NSM3pXzmx0kAEFWtjtkHuA2pBuWBIaR2jLZd3I3EB04Uc7j3xA6n0b79ePlgN5Zipn9sR7iyvcmHOMvDX0vfOSVvb3t+7HZ9uy6SXfzmpvv7Xu+n3KH9vWcOuXuLGM4dY++GYV+nfmkIOH5zvhO3E6Yfx5b2P9/c2txUA1R9fiFue2pqcmo7LsQ71jCOYo504zgGVLwrPz8/nT/bOtudmHj8fev75/GJ3Q5zb3z88wIB799dHcem9j12ymcze3szZwWCiOqZTDFAsuWACqDi9DOvB8hP0mhtW76eAfmr4PSXh59ngmxtQwFfdpRDaa24OIYDVbhZCH3hxpJSi5G6lFJC8cZSrDjsTqjHWmAepN3fK1Rdm+MJtbosJDWGIKs1SSzURajSYDVUq7UO6i3onN6gg85NlDrM2/AgtHoFSbMPkLX6TSzUP1Cl2z+o1hpuUG9/sGCD6eDqu4YIE9GQXIQcpciYaE1fldiPGEskdFcsWcNINzgHLF66vB/oRDLSrxhizDElpokh1hUJdnjbIVFUoKorPKLMAtY01ZrCZaem3lRAKRLwtYkOIZgQGkRaBHEoChnmtU2+g8/3QxgWEUFfyFgJDkN0Bq5xqFiBog3EToW8KeNXrjHMYZQwmTAI0ykkUIfXDhGJFJA63Y6HUEwF2ANuVY1CXAlvVRQ8r5J+IJbkgE4vkSJHiSrVp47KrMV5fpYQiRJP47JlWAoAAAA=') format('woff2'),
  url('./iconfont/iconfont.woff?t=1596134432611') format('woff'),
  url('./iconfont/iconfont.ttf?t=1596134432611') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('./iconfont/iconfont.svg?t=1596134432611#iconfont') format('svg'); /* iOS 4.1- */
}

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

.iconfanhui:before {
  content: "\e611";
}

.iconxiala2:before {
  content: "\e698";
}

.iconsousuo:before {
  content: "\e627";
}

http://img1.sycdn.imooc.com//climg/5f266338092c63b504230163.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,同学可以根据视频中的步骤重新操作一遍(从0分30秒处开始跟着老师操作)

如果还是不可以,建议描述下:从阿里巴巴矢量图标库下载之后,都进行了哪些改动?

祝学习愉快~

  • Ever__ 提问者 #1
    解决啦~,因为在引入的时候没有给元素添加iconfont的类名
    2020-08-02 18:35:29
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师