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

Question

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>

Answer 1

或许这篇文章可以帮的上你 http://chipcullen.com/using-i...

Answer 2

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