@ font-faceでは、宣言形式は何をしますか？

Question

たとえば、この@fontface宣言で、hereが見つかった場合、CSSにはであることを示すformat('truetype')があります。しかし、私のプログラムでは、違いはありません。

font-face { 
    font-family: 'DroidSerif'; 
    src: url('DroidSerif-Bold-webfont.ttf') format('truetype'); 
    font-weight: bold; 
    font-style: normal; 
} 

Answer 1

formatは、それが自動的にそれを推測することができない場合は、フォント・フォーマットを理解するために、ブラウザを助けるためです。

最新のブラウザでは、フォント拡張子（あなたの場合は.ttf）またはmime-typeが好きで、フォーマットを明示的に指定する必要はなく自動的に推論されます。

あなたが今日必要とする唯一の理由は、非標準のファイル拡張子を使用しているか、拡張子を全く使用していないか、正しいMIMEタイプを使用していない可能性があるからです。