始于此, 终于斯
文章31
标签0
分类13

uni使用iconfont [单色-多色混合]

# 全局安装iconfont转换工具
npm install -g iconfont-tools

# 进入iconfont解压根目录
cd iconfont
# 执行
iconfont-tools

只使用 iconfont-weapp-icon.css 文件
需要多色字体混合的, 按需把单色字体class改为原Unicode即可

@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/font_3223978_h00cz73t8s.woff2?t=1646533730903') format('woff2'),
    url('//at.alicdn.com/t/font_3223978_h00cz73t8s.woff?t=1646533730903') format('woff'),
    url('//at.alicdn.com/t/font_3223978_h00cz73t8s.ttf?t=1646533730903') format('truetype');
}

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

.icon-rili1 {
    background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22icon-rili1%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M711.424%20180.224H318.976c-126.0544%200-228.608%20102.5536-......);
}


.icon-account:before {
    content: "\e817";
}

.icon-computer:before {
    content: "\e6eb";
}

    4 评论

    1. Hello World! https://racetrack.top/go/giywczjtmm5dinbs?hs=705de737fe1398c8cc7754f8e6901bff& 4月23日 回复
      gsd8yj
    2. Julio 9月23日 回复
      https://magicboxpro.flowcartz.com/You're so cool! I don't suppose I've read through
      something like this before. So good to find someone with some original thoughts on this issue.Really.. thank you for starting this up. This site is one
      thing that is required on the web, someone with some originality!
    3. 1 12月6日 回复
      555