Question

我能够在网页中嵌入并设置字体样式，以便在Android和iPhone上查看，并且工作正常。但是，它不会在Windows Phone 7.5上呈现。

我尝试将字体嵌入到CSS中：

@font-face {
    font-family:'MyFont';
    src: url(data:font/woff;charset=utf-8;base64,d09GR...
}

...还提供了eot / ttf文件，使用适用于所有其他浏览器的声明 -

@font-face {font-family:'MyFont';src:url('../fonts/MyFont-webfont.eot');src:url('../fonts/MyFont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/MyFont-webfont.svg#MyFontRegular') format('svg'), url('../fonts/MyFont-webfont.woff')format('woff'), url('../fonts/MyFont-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}

......但仍然没有运气。我无法相信新的Windows手机不允许字体嵌入，只支持有限的字体列表，如下所述：

http://msdn.microsoft.com/en-us/library/hh202920%28v=vs.92%29.aspx

即使它是一个Javascript渲染解决方案，任何见解/提示或提示都会很棒......必须有某种解决方法！

Answer 1

根据this blog post，它是WP7上IE9和IE9之间的“17个差异”之一。
这是正式确认它的MSDN article。

Answer 2

我成功地使用Cufón在WP 7.5中的IE上显示自定义字体。 Typeface.js无效。

Answer 3

typeface.js可以使用它。刚刚测试了它，因为我需要做同样的事情。它使用画布和矢量绘图。 http://typeface.neocracy.org/

Answer 4

每当我需要自定义字体时，我都会访问http://www.fontsquirrel.com/

这是一个很棒的网站，可以让你从.ttf文件生成字体工具包，包括一个完整的CSS声明，以及浏览器兼容性所需的黑客攻击。

我不知道它是否适用于Win 7 Mobile，但我认为值得一试

是否可以使用自定义字体 - 使用font-face？

4 个答案: