我正在将 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;
}
据我所知,这应该可行。但事实并非如此。我究竟做错了什么?