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"/>

これに接続しようとする 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 に答える