Как сделать так, чтобы текст выглядел одинаково в IE и Mozilla?

Question

Итак, здесь есть 2 вопроса:

1. почему это выглядит иначе (в IE это смелее, больше сглаживания)

2. как мне сделать рендеринг Mozilla похожим на IE и какое влияние это решение оказывает (я ищу минимальные изменения, поэтому такие решения, как - flash, silverlight или использование изображений, не обсуждаются)

Answer 1

IE выглядит иначе, потому что он использует «Clear Type» для рендеринга шрифтов, даже если он не включен для всей системы в Windows. Это не то, что вы, как сервер веб-страниц, можете контролировать, а скорее зависит от клиентского компьютера и браузера.

Если вы хотите, чтобы Firefox выглядел аналогично в Windows, перейдите в «Параметры экрана» -> «Внешний вид» -> «Эффекты» -> «Использовать следующий метод для сглаживания краев экранных шрифтов» и выберите «Очистить тип». Это должно применить тот же эффект сглаживания шрифта к Firefox. Но, как я уже сказал, это зависит от конечного пользователя, а не от сервера веб-страниц.

Этот сайт дает хорошее сравнение рендеринга шрифтов в разных браузерах.

Answer 2

Не совсем «минимальное изменение», но некоторые шрифты и размеры выглядят лучше / более согласованно, чем другие. Я не мог сказать, какие комбинации были в верхней части головы, но я заметил, что некоторые шрифты на lot полужирнее на 16px, например, на 15px. Поэкспериментируйте, и вы можете найти то, с чем можете жить. В качестве альтернативы попробуйте ввести другой вес шрифта в IE, используя условные комментарии.

Answer 3

Вы не можете, если не можете убедить Microsoft использовать движок рендеринга Mozilla или наоборот. Поэтому, если вы не используете свои решения «вне вопроса», этого не произойдет. Рендеринг шрифтов находится вне контроля веб-дизайнера.

Answer 4

Я знаю, что вы упомянули, что у Flash нет вопросов, но рассматривали ли вы sIFR .

Это хорошо ухудшается для браузеров без флэш-памяти и выглядит одинаково в поддерживающих браузерах.