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

问题描述

问 题

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>

解决方案

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

这篇关于css - 伪元素content使用attr方式获得iconfont 字体编码 后无法正常显示。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！