невозможно загрузить ресурс (значки) с помощью файла .css для страницы JSF

Это мой icon.css файл.

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

}

Я использовал обработчик ресурсов, вместо этого мне нужно использовать загрузчик ресурсов для вызова .eot , .woff файлов. потому что мои значки не отображаются на моей странице jsf. Я гуглил о том же, но не смог найти решение. Я был бы благодарен, если кто-нибудь может мне помочь.


person BlackBird    schedule 21.02.2015    source источник
comment
Ответ зависит от того, как именно вы импортируете этот ресурс через <h:outputStylesheet>. Ответ Тарика предполагает, что вы явно (и неправильно!) использовали library="css" name="..." вместо name="css/...".   -  person BalusC    schedule 23.02.2015
comment
@BlackBird Согласно комментариям BalusC, я удалил свой вопрос, поскольку он вводит в заблуждение, и я использовал неправильный подход. В любом случае, не могли бы вы включить в свой вопрос, как вы импортируете CSS на свою страницу xhtml?   -  person Tarik    schedule 24.02.2015


Ответы (1)


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

Вот код. Смотри, если не работает, перезапускай сервер столько раз, сколько нужно, пока не появятся значки

person Antunes Xpert    schedule 18.04.2016