1

探している答えが見つからないようです。ほとんどが画像で構成された、完全に静的なページがあります。画像の作成に使用されるフォントは、Mac OS X インストールにある「Handwriting-Dakota.ttf」です。このフォントを指定したいテキストを含む動的要素が 1 つあります。css ファイルと同じディレクトリに ttf フォントがあります。

@font-face{
 font-family: dakota;
 src: url('dakota.ttf') format('truetype');
}

css ファイルを含む html ファイル。<p style="font-family: dakota;">sometext</p>

Chrome のインスペクターで適用されたルールを確認できますが、外観は変わりません。私がやろうとしていることは不可能ですか、それとも間違っていますか?

4

3 に答える 3

0

URL が webroot ではなく css ファイルに関連していることを確認してください。

@font-face{
    font-family: 'dakota';
    src: url('../fonts/dakota.ttf') format('truetype');
}

また、他のブラウザーが問題なくフォントを使用できるように、他のタイプを追加する必要があります。

@font-face {
    font-family: 'dakota';
    src: url('../fonts/dakota.eot');
    src: url('../fonts/dakota.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dakota.woff') format('woff'),
         url('../fonts/dakota.ttf') format('truetype'),
         url('../fonts/dakota.svg#rsuregular') format('svg');
}
于 2013-04-15T12:48:53.303 に答える