2012-01-09 3 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... 
} 

... а также при условии, СРВ/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

Даже если это Java-рендеринг решения, любое понимание/подсказки или советы были бы замечательными ... должно быть какое-то обходное решение!

+0

Это похоже на плохую идею на мобильном телефоне из-за увеличения пропускной способности, обработки и т. Д. –

+0

Да, я согласен. Это будет отдельный разговор, если мы сможем заставить его работать. – Matt

+0

Вы пытались получить эту работу на рабочем столе IE9? Если нет, я бы начал там. –

ответ

-7

Всякий раз, когда мне нужен пользовательские шрифты я посещаю http://www.fontsquirrel.com/

Это удивительный сайт, который позволяет создавать шрифт наборы из .ttf файлов, включая полную декларацию CSS с необходимыми хаками для совместимости браузера.

Я не знаю, если он работает на Win 7 Mobile, но я думаю, что стоит попробовать

+0

Благодарим за предложение, но при тестировании сайта на телефоне Windows визуальные шрифты не отображаются. Подумайте, нам нужно определенное обходное решение! – Matt

+1

«конкретный workaraound» - как android, firefox OS, openmoko или ubuntu phone ... возможно, вы можете вставить это :) – technosaurus

6

По this blog post это одна из «17 отличий» между IE9 и IE9 на WP7.
И вот MSDN article, который официально подтверждает это.

0

typeface.js работает с ним. Просто протестировал его несколько минут назад, потому что мне нужно сделать то же самое. Он использует холсты и векторные рисунки. http://typeface.neocracy.org/

+1

Пробовал прямо сейчас на WP7 (HTC HD7) и WP7.5 (Nokia Lumia 800), typeface.js не работает для меня. – Cyrille

1

Мне удалось использовать Cufón для отображения пользовательских шрифтов в IE в WP 7.5. Typeface.js НЕ работает.

Смежные вопросы