IE6-8 Рендеринг шрифтов

[Ateiri]

Здравствуйте, дамы и господа!

 

Сразу с «жалоб». Уже не первый месяц и не в первом проекте сталкиваюсь с проблемой рендеринга шрифта в IE6-8.

Шрифт абсолютно по-разному отображается в IE6-8 и в IE9+/Chrome и т.п.

 

Перечитал массу статей, свожу все к кодировке UTF-8, но больше меня интересует решение данной проблемы.

Если кто-нибудь знает ответ или же имеет схожую проблему, добро пожаловать на обсуждение!

 

P.S.: На скриншотах обратите внимание на ширину букв. Шрифт Verdana.

 

https://www.dropbox.com/s/qulo4xj97qcym2u/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.22.png

https://www.dropbox.com/s/b8vzs3o64ubbve3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.30.png

https://www.dropbox.com/s/u4izw4wd7kdie65/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.37.png

 

з.ы.: надеюсь администрация простит меня за прямые ссылки =P

[Zverushka]

Бутстрап же не поддерживает ие7?

[npofopr]

Бутстрап же не поддерживает ие7?

2.3.2 поддерживал.

а 3.х - https://github.com/coliff/bootstrap-ie7

Печально что кто-то еще заботится о IE6

 

Недавно верстал лендинг от IE7, заказчик говорит что у них статистика IE7 (2-4% на разных лендингах)

из них 1-2% сами разработчики)

[swandev]

 

Печально что кто-то еще заботится о IE6

 

Недавно верстал лендинг от IE7, заказчик говорит что у них статистика IE7 (2-4% на разных лендингах)

из них 1-2% сами разработчики)

 

 

Даже 2% для них очень важны )

[Zverushka]

Посоветуйте скриптик или что там нужно для 7го ие, чтобы если 7й - то было сообщение о том, что нужно скачать новый браузер.. Что-то найти не могу.

[npofopr]

Посоветуйте скриптик или что там нужно для 7го ие, чтобы если 7й - то было сообщение о том, что нужно скачать новый браузер.. Что-то найти не могу.

Находил такие:

http://pav-pas.blogspot.ru/2011/12/jquery_25.html

http://jreject.turnwheel.com/

но не пробовал.

+ на хабре есть статья. 

Запрос в поисковики: уведомление об устаревшем браузере

Даже 2% для них очень важны )

это понятно, тоже есть такие клиенты) 

[swandev]

Посоветуйте скриптик или что там нужно для 7го ие, чтобы если 7й - то было сообщение о том, что нужно скачать новый браузер.. Что-то найти не могу.

Я у бутстрапа alert'ом пользуюсь

 

<!--[if lte IE 7]>            <div class="alert alert-warning">Сайт может отображаться некорректно, т.к              Вы используете устаревший браузер, пожалуйста <a href="http://browserhappy.com/">обновите</a> его.              <a class="close" data-dismiss="alert" href="#" aria-hidden="true">×</a>            </div>        <![endif]-->

//bootstrap alert$(".alert").alert();

[Vin]

Простите, не удержался

<!--[if IE]><style>     * {        font-family: "Comic Sans MS" !important;    } </style><![endif]-->

[Ateiri]

Продолжу в вашей теме, если не возражаете?   PT Serif Caption от Google Webfonts в IE7-8 отображается на странице не так, как ожидалось:     Почему так?

 

Это совершенно 2 разных шрифта. Вы уверены, что шрифты подключены верны? Опять же поплюем в сторону IEшек…

Почитайте статьи про хаки IE с подключением шрифтов.

 

В общем хотелось бы увидеть вашу верстку, скорее всего у вас более глобальные проблемы :-)  И странно, что с жесткими размерами у вас проблемы только со шрифтами :-)

 

Пока что ограничусь скриншотами. А если хотите взглянуть на код, то можете написать мне лично в skype

https://www.dropbox.com/s/beveyfh2ve6vy7r/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-19%2010.46.31.png

 

p.s. Я открыл новую тему в разделе javascript. Это ответит на вопрос почему в IE6 у меня написано hello world

http://htmlforum.ru/index.php?showtopic=47103

 

А насколько жестко требование точного соответствия левого отступа? Нельзя ли просто «прибить» меню к правому краю (ограниченному максимальной шириной)? На мой взгляд, при таком дизайне это просто напрашивается и было бы намного логичнее...

 

Я вас прекрасно понимаю и я бы с радостью перерисовал шаблон  id+ps и добавил гибкости, но мне руки оторвут быстрее.

[d0ublezer0]

Это совершенно 2 разных шрифта. Вы уверены, что шрифты подключены верны?

Я это вижу, что шрифты разные и дело не в рендеринге. Подключение используется предоставляемое гуглошрифтами. Фиг сним, забили уже..

[Ateiri]

Я это вижу, что шрифты разные и дело не в рендеринге. Подключение используется предоставляемое гуглошрифтами. Фиг сним, забили уже..

Не отказываетесь от идеи, у вас все получится.

http://xandeadx.ru/blog/css/489

 

Раздел «Зачем там много форматов», смотрите таблицу.

http://www.xiper.net/collect/html-and-css-tricks/typographics/font-face-in-the-details.html

[Zverushka]

  PT Serif Caption от Google Webfonts в IE7-8 отображается на странице не так, как ожидалось:     Почему так?

 

Потому что гугл не предоставляет шрифты для ие8 и ие7. Попросту говоря - там нет .eot шрифтов. В этом и проблема. Вопрос сойдет ли как изящная деградация или придется отказаться от гугл шрифтов.

Edited December 19, 2013 by Zverushka

[Great Rash]

Блин, забейте вы на этот гугл. Товарищ с нашего форума уже всё для вас сделал. Тут ему можете вопрос задать.

[Zverushka]

C одной стороны неплохой сайт, с другой стороны вставлять css напрямую с него я не рискну. Это google может себе позволить обеспечить бесперебойное существование своего сайта, а webfont может исчезнуть в любой момент или посыпаться... И кстати, там наверное только бесплатные шрифты? Тогда ценность вообще стремится к нулю ....

Edited December 19, 2013 by Zverushka

[Great Rash]

C одной стороны неплохой сайт, с другой стороны вставлять css напрямую с него я не рискну.

Что мешает скачать его себе? 

И кстати, там наверное только бесплатные шрифты?

А на гугле платные чтоль? Шутить изволите? 

[Zverushka]

А на гугле платные чтоль? Шутить изволите? 

На гугле бесплатные, тогда зачем мне пользоваться этим сайтом, если есть гугл? Ради ие8? 

В единичных случаях - согласна, скачаю готовый пакет шрифтов, если заказчика вид в ие8 не устроит.

Но и тут теряется хорошее преимущество скорости работы сайта, так как тот же pt sans  с гугла у многих в кеше будет валяться, а со моего сайта его напрямую будут грузить и ждать, еще и лишний 10ток запросов будет грузить хостинг. Или, если грузить непосредственно с вебфонт, то тоже маленький шанс, что шрифт в кеше у пользователя будет. В общем только, если заказчик будет страдать фигней - можно воспользоваться этим сайтом ...

Edited December 19, 2013 by Zverushka

[Great Rash]

На гугле бесплатные, тогда зачем мне пользоваться этим сайтом, если есть гугл? Ради ие8?

Топикстартера интересует поддержка ИЕ6, ИЕ7. У гугла такой поддержки нет. На webfonts поддержка ИЕ7 присутствует (подозреваю, что в ИЕ6 тоже работает).