Не определяются иконки (Theme Icons) в вёрстке.
В дизайнерском свёрстаном шаблоне все иконки показаны как положено.
При заливке на хостинг и вставки дизайна в шаблон DLE (DataLife Engine) они перестают появляться.
Ниже два скрина с работающими иконками и неработающими.
И эта проблема возникает не только в этой верстке, так же возникала в нескольких.
При инспектировании ясно видно что файл со шрифтами есть, и в файле css он и его составляющие подключены:
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0')
format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0')
format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0')
format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
И если присмотреться то значки которые не показываются все отличаются, в них написано к примеру (в прямоугольниках вертикальных):
f0
06
Что как раз таки можно выяснить найдя строку вывода значка в которй прописан стиль (и для каждого знака своя строка)
.fa-star-o:before {
content: "\f006";
}
который ссылается на файл шрифта.
Заливал шаблоны свёрстаные просто на хостинг, работают нормально, как только подключаю к DLE проблема возникает, и не только сейчас, частенько.
Оплата на Qiwi кошелёк