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

时间:2012-01-09 13:41:36

标签: javascript css windows-phone-7 font-face webfonts

我能够在网页中嵌入并设置字体样式,以便在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渲染解决方案,任何见解/提示或提示都会很棒......必须有某种解决方法!

4 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

答案 3 :(得分:-7)

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

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

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