url("#{resource[...]}") 在 CSS 文件中在 JSF 1.2 中不起作用

Question

我正在尝试将 font-awesome 添加到 JSF 1.2 项目中。

我将 font-awesome css 文件中的所有字体都编辑成了

@font-face {
    font-family: 'FontAwesome';
    src: url("#{resource['fonts/fontawesome-webfont.eot']}?v=4.3.0");
    src: url("#{resource['fonts/fontawesome-webfont.eot']}?#iefix&v=4.3.0")
        format('embedded-opentype'),
        url("#{resource['fonts/fontawesome-webfont.woff2']}?v=4.3.0") format('woff2'),
        url("#{resource['fonts/fontawesome-webfont.woff']}?v=4.3.0") format('woff'),
        url("#{resource['fonts/fontawesome-webfont.ttf']}?v=4.3.0")
        format('truetype'),
        url("#{resource['fonts/fontawesome-webfont.svg']}?v=4.3.0#fontawesomeregular")
        format('svg');
    font-weight: normal;
    font-style: normal
}

但它不起作用。我对 JSF 2.2 项目做了同样的事情，它工作正常。我是否正确访问资源文件夹，如果是，可能是什么问题？

Answer 1

JSF 1.2 不支持 <h:outputStylesheet> 也不支持 #{resource}。这些仅是 JSF 2.x。

使用 <link> 并对 url() 路径进行硬编码。

注意：在侏罗纪 JSF 1.x 中，许多事情的处理方式不同且笨拙。如果可能，请尽快将其迁移到 JSF 2.x。另见 Migrating from JSF 1.2 to JSF 2.0。如果不可能，请确保在寻找答案时专门参考 JSF 1.x 资源而不是 JSF 2.x 资源。

url("#{resource[...]}") 在 CSS 文件中在 JSF 1.2 中不起作用

url("#{resource[...]}") in CSS files do not work in JSF 1.2

css

jsf

jsf-1.2