是否可以使用自定义字体 - 使用字体？答案

【问题标题】：Is it possible to use custom fonts - using font-face?是否可以使用自定义字体 - 使用字体？
【发布时间】：2013-03-25 12:58:19
【问题描述】：

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

【问题讨论】：

由于带宽、处理等的增加，这在移动设备上似乎是个坏主意......
是的，我同意。如果我们能让它发挥作用，这将是一个单独的对话。
你试过让这个在桌面 IE9 上工作吗？如果没有，我会从那里开始。

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

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

现在在 WP7 (HTC HD7) 和 WP7.5 (Nokia Lumia 800) 上尝试过，typeface.js 不适合我。

【解决方案4】：

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

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

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

【讨论】：

感谢您的建议，但在 Windows 手机上测试该站点时，似乎没有呈现预览字体。认为我们需要一个特定的解决方法！
"a specific workaraound" - 比如 android、firefox OS、openmoko 或 ubuntu 手机……也许你可以嵌入它:)