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)必须在.woffso firefox之前使用base64，而不是.woff

在 Firefox 20.0、Google Chrome 26.0.1410.65、Safari 6.0 上测试。