无法使用 JSF 页面的 .css 文件加载资源（图标）[重复]答案

【问题标题】：unable to load resource (icons) using .css file for JSF page [duplicate]无法使用 JSF 页面的 .css 文件加载资源（图标）[重复]
【发布时间】：2015-02-21 11:58:26
【问题描述】：

这是我的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 页面上。我用谷歌搜索过同样的问题，但找不到解决方案。如果有人可以帮助我，我将不胜感激。

【问题讨论】：

答案取决于您通过<h:outputStylesheet> 导入此资源的准确程度。 Tarik 的回答假定您显然（并且错误地！）使用了 library="css" name="..." 而不是 name="css/..."。
@BlackBird 根据 BalusC 的 cmets，我删除了我的问题，因为它具有误导性并且我使用了错误的方法。无论如何，你能否在你的问题中包括你是如何在你的 xhtml 页面中导入 CSS 的？

标签： css jsf-2.2

【解决方案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;
}

这里是代码。看，如果它不起作用，请根据需要多次重新启动服务器，直到出现图标

【讨论】：