CSS шрифт Иконки семейство шрифтов игнорируются

У меня есть шрифт, который заменяет следующие символы с иконками:CSS шрифт Иконки семейство шрифтов игнорируются

'(* + $% #) "

Я определил следующие CSS :

/* Define the fonts for use */ 
@font-face { 
    font-family: 'assets'; 
    src: url('AAHS_ASSETS.eot'); 
    src: url('AAHS_ASSETS.eot?#iefix') format('embedded-opentype'), 
     url('AAHS_ASSETS.TTF') format('truetype'); 
} 

/* ASSETS */ 
[class^="icon-aahs-assets-"], 
[class*=" icon-aahs-assets-"] { 
    font-family: "assets"; 
} 

.icon-aahs-assets-asset:before { content: "$"; }

Когда я добавляю следующую иконку в HTML, она отображается в виде $

в 0

Я проверил сетевой ответ, и шрифт загружается браузером (тестирование в Chrome).

Как я могу убедиться, что он отображает значок?

источник

2013-07-10 Darbio

Откуда у вас были шрифты значков? В большинстве случаев сайты рекомендуют либо иметь атрибуты «data-icon» для каждого элемента, либо отдельные классы для каждого значка. –

Предполагая, что вы проверили, что ваши селекторы работают (используя легко проверяемую настройку в правиле), проблема будет выглядеть в шрифте. Что мы знаем о шрифте? Если вы устанавливаете его и просматриваете текст, используя его, действительно ли он показывает некоторые специальные символы, если текст содержит «(* + $% #)»? –

Шрифт показывает специальные символы, когда отображаются эти символы. Однако я воссоздал шрифт, используя http://www.fontsquirrel.com/tools/webfont-generator и использовал созданный CSS, и теперь он работает. Невозможно увидеть какие-либо существенные различия, возможно, это было в кодировке файла шрифта. – Darbio