#每天都是崭新的一天#再累也要照顾好自己
:before/:after里使用阿里的iconfont,在a标签前加个链接icon
发布于 作者 suning 39 次浏览 来自 分享

首先将unicode的代码放在公共的css中

@font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/font_1111059_5ostmskvsce.eot');
  src: url('//at.alicdn.com/t/font_1111059_5ostmskvsce.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1111059_5ostmskvsce.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1111059_5ostmskvsce.woff') format('woff'),
  url('//at.alicdn.com/t/font_1111059_5ostmskvsce.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1111059_5ostmskvsce.svg#iconfont') format('svg');
}

比如我想在全局的a标签前加个链接的icon

a::before {
  font-family: 'iconfont' !important;
  font-size: 12px;
  font-style: normal;
  content: '\e600';
}

content内容为在icon中的unicode字符但是我需要将&#x换成\



发布评论
微信群
saucxs聊天机器人
saucxs
hi ,欢迎来到sau交流学习社区,欢迎与我聊天,问我问题哦!
您正在使用的浏览器是,不在支持范围内!
为了您的正常使用与展示,推荐使用Chrome浏览器68以上版本
支持浏览器:
火狐浏览器最新版
Safari浏览器最新版
Edge浏览器最新版
IE浏览器10,11