【内推字节】欢迎简历chengxinsong@bytedance.com
:before/:after里使用阿里的iconfont,在a标签前加个链接icon
发布于 作者 suning 916 次浏览 来自 分享

首先将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交流学习社区,欢迎与我聊天,问我问题哦!