1

ジャーナルフォントを読み込もうとしていますが、なんらかの奇妙な理由で読み込めません。

@font-face {  
  font-family: Brandon Grotesque;  
  src: url(/addons/shared_addons/themes/axium/fonts/brandon-grotesque.ttf) format("truetype");
}

@font-face {  
  font-family: Journal;  
  src: url(/addons/shared_addons/themes/axium/fonts/journal.ttf) format("ttf");
}

body {
  font-family: Journal;
}

Brandon Grotesqueは機能しますが、Journalは機能しません

http://www.dafont.com/journal.fontからダウンロードしました。

何か助けはありますか？

4

2 に答える 2

6

末尾のフォーマット識別子が間違っています:

format("ttf");

format("truetype")Brandon Grotesque のように。

于 2012-12-26T22:06:51.163 に答える
2

まず、ttf を truetype に変更します。

src: url(/addons/shared_addons/themes/axium/fonts/brandon-grotesque.ttf) format("truetype");

次に、開発者ツールをチェックして、適切な場所にあることを確認します (クロムの f12)。ここに画像の説明を入力

さらに、すべてのブラウザーが ttf 形式をサポートしているわけではないことを知っておく必要があります。ここで確認できます: http://caniuse.com/ttf

また、windows、macos/linux ではフォントのレンダリングが異なり、macos/linux のように windows の下の chrome ではフォントが魅力的に見えない可能性があることを知っておく必要があります。

于 2012-12-26T22:53:07.490 に答える