CSS3

src: url(fonts/simple.woff);   /*  スタイルシートの所在から相対的な "simple.woff" を読み込む  */

src: url(/fonts/simple.woff);  /*  絶対的な所在から "simple.woff" を読み込む  */

src: url(fonts/coll.otc#foo);  /*  コレクション "coll.otc" からフォント "foo" を読み込む  */

src: url(fonts/coll.woff2#foo);/*  WOFF 2 コレクション "coll.woff2" からフォント "foo" を読み込む  */

src: url(fonts.svg#simple);    /*  id に "simple" が付与された SVG フォントを読み込む  */

例えば、増分的な転送（incremental）はサポートされないときは、最適な処理能を得るため、woff2 で圧縮されたバージョンのフォントが給される。それから、クライアントが増分的な転送用に 範囲要請メソッド を利用してバイト範囲要請を遂行できるよう、生の未圧縮な OpenType フォントが供される。

@font-face {
  font-family: "MyIncrementallyLoadedWebFont";
  src: url("FallbackURLForBrowsersWhichDontSupportIncrementalLoading.woff2") format(woff2);
  src: url("MyIncrementallyLoadedWebFont.otf") format(opentype) tech(incremental);
}

可能なら WOFF 2 フォントを読み込んで、他の場合は可能なら WOFF 1 フォントを、他の場合は OpenType フォントを利用する例：

@font-face {
  font-family: bodytext;
  src: url(ideal-sans-serif.woff2) format(woff2),
       url(ideal-sans-serif.woff) format(woff),
       url(basic-sans-serif.ttf) format(opentype);
}

この例では、woff2 がサポートされない場合、未サポートな架空の形式 "zebra" は飛ばされ、opentype フォントがダウンロードされる：

src: url(ideal.woff2) format(woff2),url(unsupported.zeb) format("zebra"),
     url(basic.ttf) format(opentype);

ここでは、いずれかのコレクション内の個々のインスタンスが読み込まれるが、どのコレクションもサポートされない場合、代わりに個々のフォントをダウンロードする：

@font-face {
  font-family: 源ノ角ゴシック Code JP;
  src: url(SourceHanCodeJP.otc#Regular) format(collection),
       url(SourceHanCodeJP-Regular.ttf) format(opentype);
}