人力资源中的字体

Question

我甚至不确定这是否可行，但我是否可以在HR:after中使用字体出色的图标？

我正在尝试下面，但我只是得到一个广场没有图标？

hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    text-align: center;
}
hr:after {
    font-family:'FontAwesome';
    content: '\e800';
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

我还在这里创建了一个小提琴，http://jsfiddle.net/4gZeg/

Answer 1

检查是否存在'\e800'图标。

例如：content: '\f08d';工作正常