Шрифт Awesome в HR

Я даже не уверен, что это возможно, но могу ли я использовать шрифт awesome icon в HR: после?Шрифт Awesome в 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' для вашего' content'? Это единственное другое свойство font-awesome 3 с 'e8'. http://jsfiddle.net/JFphx/ – mg1075

Uggghhh спасибо, ребята, я скопировал и вставил неправильно! – Travis

Проверьте '\e800' значок существует.

Например: content: '\f08d'; работает отлично

источник

2014-02-08 20:01:21

Шрифт Awesome в HR

ответ

Смежные вопросы