Можно ли использовать пользовательские шрифты - используя font-face?

Я могу встраивать и стилизовать шрифт на веб-странице для просмотра на 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 ответа

Согласно этому сообщению в блоге, это одно из "17 отличий" между IE9 и IE9 на WP7.
И вот статья MSDN, которая официально подтверждает это.

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

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

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

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

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

Другие вопросы по тегам