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

Question

Я окружил текст жирным тэгом, он отображается по-разному в IE и Chrome.

IE изображение ->

Chrome image ->

Может кто-нибудь подсказать, что здесь можно сделать?

Спасибо

Answer 1

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

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

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

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

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

Answer 2

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

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

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

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

Answer 3

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

Answer 4

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

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

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