伪元素content使用attr方式获得iconfont 字体编码 后无法正常显示。

waynebruce
  • 282

css中直接定义伪元素 content 为"\e602" 可以正常显示图标。但如果content定义为attr(data-icon),自定义属性data-icon:"\e602" 则显示字符串\e602了。这个是什么问题呢?

@font-face {
                font-family: 'urow';
                src: url(iconfont.woff) format('woff');
            }
.arrow:before{
                font-family: urow;
                content:  attr(data-icon);            
                font-size: 12px;
            }
<div class="arrow"  data-icon="\e602"></div>
回复
阅读 6.7k
2 个回答

html中unicode 16进制字符前要加&#x, css中前面加\, js中是加\u.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏