Дек

05

Веб-шрифты vs. Шрифты для веба и IE6

Filed Under (Новости) by Александр Бойченко on 05-12-2009

Так получилось, что я использовал технику вставки шрифтов в страницу еще до выступления Вадима в Минске, поэтому решил написать небольшое дополнение к выступлению Вадима Макеева — «Веб-шрифты vs. Шрифты для веба.«.

В процессе работы я столкнулся с проблемой — IE6 упорно не хотел показывать некоторые символы, что меня весьма огорчило. Сперва я грешил на шрифт, но после выступления Вадима решил провести небольшое исследование…

Я скачал 6 готовых наборов с сайта http://www.fontsquirrel.com/fontface и вставил в них таблицы спецсимволов, дабы посмотреть на результат. Увы я зря грешил на шрифт, на всех шести страницах, IE6 показал одинаковый результат, определенные символы не показываются или вместо них показывается прямоугольник. Возможно проблема и не в 6ИЕ, а в конвертере fontsquirrel, но это уже тема для отдельного эксперимента :)

Вывод: на данный момент, технику вставки шрифтов нужно использовать с осторожностью, так как рискуем в IE6 получить совершенно не тот результат, что ожидали. В крайнем случаи применять трансформацию шрифтов для заголовков в содержании которых мы уверены,  и там точно не появится длинное тире или знак евро…

Скрин проблемы:

Ссылки на тестовые страницы:
http://banzalik.ru/labs/fonts/0/ — оригинальные таблицы, шрифты не подгружаются
http://banzalik.ru/labs/fonts/1/
http://banzalik.ru/labs/fonts/2/
http://banzalik.ru/labs/fonts/3/
http://banzalik.ru/labs/fonts/4/
http://banzalik.ru/labs/fonts/5/
http://banzalik.ru/labs/fonts/6/

Ссылки по теме:
Павел Ловцевич — @font-face или назад в будущее/
Вадим Макеев — Веб-шрифты vs. Шрифты для веба
Юрий Артюх — font-face оживление

(6) Комментариев
Читать далее

Comments:

6 Комментариев на “Веб-шрифты vs. Шрифты для веба и IE6”

  1. Zigzag on 5 Дек 2009 at 11:09 #

    Есть еще и серьезные проблемы с отрисвкой .eot в IE. Шрифт становится гораздо насыщеннее. У меня в блоге есть достаточно развернутый пост на эту тему.

  2. pepelsbey on 5 Дек 2009 at 21:07 #

    Насколько я знаю, это проблема конвертации. Если кому-то хватает мужества сделать это WEFT’ом, то ошибок получается меньше. Но опять же — всё на уровне «слышал, как кто-то сказал», точной ссылкой не брошу.

  3. akella on 6 Дек 2009 at 10:17 #

    Шрифт становится гораздо насыщеннее.

    Ну не самая большая проблема ;) В Фаерфоксе многие шрифты через @font-face выглядят вообще уродски. ИЕ еще все красиво делает =)

  4. GreLI on 19 Дек 2009 at 20:38 #

    Если поставить что-то вроде <font face=»Arial Unicode»>, то символы вроде иероглифов показываются. Надо понять почему.

  5. TTF шрифты на веб-странице « PHP Portal on 27 Дек 2009 at 0:45 #

    [...] Александр Бойченко – Веб-шрифты vs. Шрифты для веба и IE6 [...]

  6. kirsnet on 19 Янв 2010 at 6:20 #

    http://webstandardsdays.ru/ откинулась.Пишет 503 — в чем проблема?

Оставить комментарий