2012-01-09 99 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不起作用。

相關問題