Question

我可以使用@ font-face嵌入自定义字体。但是当页面保存在我的计算机上以便被视为本地页面时，不会保存该字体我尝试使用Firefox，Chrome和Safari。问题总是一样的。

如何强制将保存页面的字体嵌入？

Answer 1

感谢@PartiallyFinite，这是个主意！

网址调用的顺序很重要，所以我发布了@ 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)必须在.woff之前{000}使用base64代替.woff

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

包含@ font-face和保存页面

1 个答案: