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"/>
これに接続しようとする css クラス要素は resources/css にあり、style.css と呼ばれます。クラス自体:
.time {
font: 19px 'TitilliumText22LRegular';
text-transform: uppercase;
line-height: 1.8;
white-space: nowrap;
}
私が言える限り、これはうまくいくはずです。しかし、そうではありません。私は何を間違っていますか?