由于我使用了Icon字体,因此在一个类中使用两种颜色而不是一堆定位或剪辑是一个很大的问题..因为在网站中拥有多色图标是相当常见的事情,所以今天我来到了解决方案我想我可能只是为那些寻找答案但却发现并发症的人发布这个…
解决方法
好的,我将逐步完成这项工作:
ILLUSTRATOR PART
>在插图画家中将图标复制到新文档中.
>然后切一种颜色.
>按另存为并保存为SVG
>然后粘贴您剪切的那个并删除另一个.
>另存为另一个SVG.
ICOMOON
>真的是一个很棒的网站.
>启动应用程序.
>导入svg并下载保存.
CSS
.icon-earth{ font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-earth:after { content: "\e006"; color:#F33; font-size:6em; } .icon-earth:before { content: "\e007"; color:#0C0; font-size:6em; letter-spacing:-1em; }
HTML
<div class="icon-earth"></div>
它安静易于解释CSS为您自己的需求,如果需要帮助请大声说,我将逐步完成这个…
最后这是JSFIDDLE,虽然我不能在Jsfiddle中发现自定义图标字体……
浏览器支持是IE8及以上,然后我检查的其他一切..
原文地址:https://www.jb51.cc/html/226775.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。