伪元素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>
回复
阅读 7k
2 个回答

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

宣传栏