html - ページを名前を付けて保存する @font-face を含める

Question

@font-face でカスタム フォントを埋め込むことができます。しかし、ローカルとして表示するためにページをコンピューターに保存すると、フォントは保存されません。
Firefox、Chrome、Safariでこれを試しました。問題はいつも同じです。

ページを名前を付けて保存してフォントを強制的に埋め込むにはどうすればよいですか?

Answer 1

ありがとう@PartiallyFinite、それはアイデアです！

URL 呼び出しの順序は重要なので、@font-face css プロパティを投稿します。

@font-face {
    font-family: "my_custom_font";
    src: url('my_custom_font.eot');
    src: url('my_custom_font.eot?#iefix') format('embedded-opentype'),
         url(data:font/truetype;charset=utf-8;base64,AAA...AAA=) format('truetype'),
         url('my_custom_font.woff') format('woff'),
         url('my_custom_font.ttf') format('truetype'),
         url('my_custom_font.otf') format("opentype"),
         url('my_custom_font.svg#my_custom_font') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant:normal;
}

注：
url(data:font/truetype)以前にあった必要があるため、代わりに.wofffirefoxを使用しますbase64.woff

Firefox 20.0、Google Chrome 26.0.1410.65、Safari 6.0 でテスト済み。