伪类选择器添加阿里图标的方法

阅读: 评论:0

伪类选择器添加阿里图标的方法

伪类选择器添加阿里图标的方法

 阿里图标库下载源码得到iconfont.css

@font-face {font-family: "iconfont";src: url('.eot?t=1572835366254'); /* IE9 */src: url('.eot?t=1572835366254#iefix') format('embedded-opentype'), /* IE6-IE8 */url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOUAAsAAAAAB5wAAANGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqDAIJRATYCJAMMCwgABCAFhG0HPBudBhHVm6/IfhymW4x808ROOcGr3FY7xX8HD5SX/yaTblMJRxgfVPpFnKiTjE2AgLmtTVGdssJEIafEdulu/SP/zwwXwqjPczm9KT7qW5bTmrSm7Um9wwDjgAIda1BAE6QAsWHsgpa4HQIwx1skkZVTVIWGitlPAKJnty7t0DJW1IZSgYbAUDFVtROzMUFTpihngVnB78Ub4tNAwURiDi3rnN2RtOepz0dL3ajT5BGop3MDbBZIIBKoIFoqvXXIKB5JYq6a1OZcAyoCZaqQ0YhApVkMG/3jKSAMmMWWAITChALPUx0ZBDwffQMKABIAA2AKDAIWQdbxNhXp6WRp5mxp1cvyzHV/0bpo2gJYccnCau8Vn8zKq682TnXufGRqUsf5Uxcuc+lyZdqj0wJ9ftuun7nuRu7pa36rr9ZMPaQfnna09cgQcz+La9eqr16tspw6X19gYXXjRu316+2r1utB1RsOesilB+rnz3euWdjqUrtoAcqJtAmPysqsT5ifd75nccKsOmyC3kmDj+VVXv5896F65MABHQeM7DvI4Z/9b3Sv9lMqRvbr4nDv49AsO1vK7Ky4uKwsB4es7IQTvlNSJ6cPTV3C/KbtjtvbKvoE0VF00Ce2Fb0s7o+2RK/ByvJ1coQyfOWamq3GDUkRSe5RTRNdC0MHm/bUXrT/tajKtvLPwo4/zSNpCxjN3kdVIdMA5C5p/4f24/6Pm85tbJK+aRYqALee7YmD+u4W7fx9Av6HW00wmk5VaFpolaqiqDYndE0gyWHkQQpgjjlghEF794dbnLRiEGg4JVAwxQsSjUBSZSNhggWJMKCRCnMi5M62wEF/JEI1A8JNABDY2gUFa45CYuscqbL3YIKzdzBgm4Q5+rfTkkdx1eHMqAQt6D9UhnpnO+QQlj7RT63itDbgvshjFYI8yfKpO/bIU4wYZ1+IOHBMHdzAbti2BANTjUaSIDKUaeqq7pQY6qKDM4YUgSyg/YGKQXrOay4Ohe8/IW/SUrhBVJX/QmxUtQ9yiawDeTf1nUS3csto5hWEcIDDSAfcgBu1VpyAobpTDRkiEQZEB6UUNXJdTcnylu79tgDmzKEyRUihsjnQ9Me9X6t6/6/0FEUAAA==') format('woff2'),url('.woff?t=1572835366254') format('woff'),url('.ttf?t=1572835366254') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */url('.svg?t=1572835366254#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;
}.icon-shouye:before {content: "e63f";
}.icon-shangyibu:before {content: "e67e";
}

应用在html中任意标签: 

.class::after{content: "e63f"; font-family: iconfont; 
}
.class::before{content: "e67e";font-family: iconfont;
}

本文发布于:2024-01-31 01:13:28,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170663481124278.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:阿里   图标   方法   选择器
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23