2

我正在将 css 集成到我的 JSF2 应用程序中,但字体无法正常工作。这就是我尝试的方式:

字体位于 WebContent/resources/fonts 中(在 Eclipse 上)。在同一目录中,我有一个 stylesheet.css 文件,我声明字体如下:

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

我在我的应用程序的 header.xhtml 中使用它连接到样式表:

<h:outputStylesheet library="fonts" name="stylesheet.css"/>

尝试连接到 this 的 css 类元素位于 resources/css 中,称为 style.css。类本身:

.time {
    font: 19px 'TitilliumText22LRegular';
    text-transform: uppercase;
    line-height: 1.8;
    white-space: nowrap;
}

据我所知,这应该可行。但事实并非如此。我究竟做错了什么?

4

1 回答 1

6

您是否尝试过不使用速记字体?尝试使用font-family: 'TitilliumText22LRegular';,看看会发生什么?

于 2012-04-05T14:26:53.583 回答