Различный эффект выделенного жирным шрифтом тега в IE и Chrome

В обоих браузерах разный механизм рендеринга / макета, результаты, скорее всего, могут отличаться.

• IE 8 использует Trident 4.0.
• Chrome использует Webkit 53n. ##

Это вопрос вкуса и практического опыта разработчиков с обеих сторон, который дает различную интерпретацию того, как визуализировать шрифты (и изображения, HTML и т. Д.).

Но в большинстве случаев это не имеет значения;).

Больше информации здесь и здесь

IE и Chrome визуализируют тег <b> по-разному, как правило, из-за используемого в браузере CSS по умолчанию и того, как движок решает обработать его, чтобы приблизить их к тому же самому, будет использовать css.

<b id="example">Time</b>

#example {
font-weight:bold;
font-size:20px;
}

Однако на самом деле вам придется ожидать некоторых различий во внешнем виде в каждом браузере, только вы можете решить, какая разница является приемлемой :)

Попробуйте вместо этого использовать <strong>. Это может быть более последовательным. Кроме того, убедитесь, что шрифт одинакового размера в каждом браузере? Это явно установлено?

Кроме того, Chrome и IE по-разному отрисовывают вещи. IE может делать текст шире, используя ClearType.

Здесь обсуждается отключение ClearType: IE8: отключить cleartype?

Если не вырезать весь текст как изображения, с этим ничего не поделать. Механизмы рендеринга, установленные шрифты, настройка / отключение ClearType, пользовательские настройки и т. Д. - все это будет против вас, когда дело доходит до веб-типографики.