ico moon шрифт не отображается

Question

У меня есть первый шрифт ico moon в проекте.

Мои icomoon CSS файлы:

   @font-face { 
    font-family: 'icomoon'; 
    src: url('fonts/icomoon.eot?nmzwdp'); 
    src: url('fonts/icomoon.eot?nmzwdp#iefix') format('embedded-opentype'), 
    url('fonts/icomoon.ttf?nmzwdp') format('truetype'), 
    url('fonts/icomoon.woff?nmzwdp') format('woff'), 
    url('fonts/icomoon.svg?nmzwdp#icomoon') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

[class^="inf-"], [class*=" inf-"] { 
    /* use !important to prevent issues with browser extensions that change fonts */ 
    font-family: 'icomoon' !important; 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1; 


    /* Better Font Rendering =========== */ 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

.inf-chrome:before { 
    content: "\ead9"; 
} 

.inf-chrome{ text-indent: 0 !important; 
    background-image: none !important; 
    font-size: 16px; 
} 

Мой primeface код для использования icomoon шрифта:

<p:commandButton value="Temps3" icon="inf-chrome" 
              style="height: 25px;width: auto;"/> 

Finaly мой ICO шрифта луна не отображается, пожалуйста, кто-нибудь дать ответ.

Answer 1

Try добавить инф класс, который должен быть общим для всех значка в классе дополнение инф-хром, который специфичен для вашей кнопки

<p:commandButton value="Temps3" icon="inf inf-chrome" style="height: 25px;width: auto;"/> 

Answer 2

Похоже, вам не class атрибут:

<p:commandButton class="inf-chrome" value="Temps3" icon="inf-chrome" style="height: 25px;width: auto;"/> 

В вашем CSS является селектор

[class^="inf-"], [class*=" inf-"] 

ли это необходимо?

.inf-chrome { 
    text-indent: 0 !important; 
    background-image: none !important; 
    font-size: 16px; 
} 

Также убедитесь, что ваш шрифт icomoon правильно загружен.