字体真棒在HR

我甚至不确定这是否可能，但我可以使用HR中的字体真棒图标：之后？字体真棒在HR

我想下面，但我只是得到一个方形没有图标？

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/

来源

2014-02-08 Travis

它的工作原理与其他内容值.. http://jsfiddle.net/PSLXw/ ...我不知道'\ e800'被假设是 –

建立在@JoshC指出，也许你的意思是'\ f0e8'的'内容'？这是唯一的其他字体真棒3属性与'E8'。 http://jsfiddle.net/JFphx/ – mg1075

Uggghhh谢谢你们，我复制并粘贴不正确！ – Travis

检查'\e800'图标存在。

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

来源

2014-02-08 20:01:21

回答

相关问题