2012-01-09 64 views
5

我能够在网页中嵌入和设置字体样式,以在Android和iPhone上查看,并且工作正常。但是,它不会在Windows Phone 7.5上呈现。是否可以使用自定义字体 - 使用font-face?

我试图嵌入字体到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渲染解决方案,任何见解/提示或提示将是伟大的...必须有某种解决方法!

+0

由于带宽,处理等的增加,这在移动设备上似乎是一个坏主意...... – 2012-01-09 13:48:55

+0

是的,我同意。这将是一个单独的对话,如果我们能够得到它的工作。 – Matt 2012-01-09 14:10:16

+0

你有没有试图让这个在桌面IE9上工作?如果没有,我会从那里开始。 – 2012-01-09 18:39:49

回答

-7

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

这是一个真棒网站,可以让你产生字体包出的.ttf文件包括与浏览器兼容性所需的黑客满CSS声明。

我不知道这是否适用于Win 7的手机,但我认为这是值得一试

+0

感谢您的建议,但在Windows手机上测试该网站时,似乎没有预览字体呈现。认为我们需要一个特定的解决方法! – Matt 2012-01-09 18:16:41

+1

“一个特定的工作区” - 像android,firefox操作系统,openmoko或Ubuntu的手机......也许你可以嵌入:) – technosaurus 2013-03-25 05:04:36

0

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

+1

现在在WP7(HTC HD7)和WP7.5(诺基亚Lumia 800) typeface.js不适合我。 – Cyrille 2012-07-10 09:10:41

1

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

相关问题