Question

我正在尝试为JSF 1.2项目添加font-awesome。

我将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资源。

CSS文件中的url（“＃{resource [...]}”）在JSF 1.2中不起作用

1 个答案: