1

次の CSS 構文に関するドキュメントを見つけるのに苦労しています。これは主に、「css url format」に関するページが、この特定の構文ではなく、URL の構造について述べているためです。

@font-face{
font-family:awesomefont;
src: url(fonts/awesome.woff) format("woff"),
url(fonts/awesome.ttf) format("truetype")
}

format()部分はここで何をしますか? ブラウザーに、期待するファイルの種類を伝えると思います。ただし、 @font-face 宣言以外では見たことがありませんが、それ以外でも使用されますか?

また、「フォーマット」は要求されたファイルの MIME タイプとどのように関連していますか?

4

2 に答える 2

2

これはCSS3 Fonts モジュールでカバーされています:

外部参照は URL で構成され、その後にその URL が参照するフォント リソースの形式を説明するオプションのヒントが続きます。フォーマット ヒントには、既知のフォント フォーマットを示すフォーマット文字列のカンマ区切りのリストが含まれています。フォーマット ヒントがサポートされていない、または不明なフォント フォーマットのみを示している場合、適合ユーザー エージェントはフォント リソースのダウンロードをスキップする必要があります。フォーマット ヒントが提供されない場合、ユーザー エージェントはフォント リソースをダウンロードする必要があります。

ただし、仕様では MIME タイプについては言及されていません。

format()構文は@font-faceルールにのみ表示されます。

于 2013-09-19T10:07:12.477 に答える
1

TrueType、OpenType、および Web Open File Format (WOFF) フォントの MIME タイプが定義されていないため、指定されたファイルの MIME タイプは考慮されません。

詳細については、https ://developer.mozilla.org/en-US/docs/Web/CSS/@font-face をご覧ください。

于 2013-09-19T10:08:01.230 に答える