CSS не очень хорошо отображает шрифт - PullRequest
2 голосов
/ 04 октября 2011

У меня небольшая проблема с текстовыми шрифтами каждый раз, когда я пишу простое правило шрифта и пытаюсь отобразить вывод, текст отображается не очень хорошо. Обычно это выглядит как размытие. Шрифт правильно отображается в браузере Mozilla Aurora, но плохо отображается в новых версиях Google Chrome и Firefox. Пожалуйста, кто-нибудь знает, что может быть причиной этого текстового эффекта

sample text in Chrome sample text in Aurora

В этих двух примерах вы можете заметить, что текст с более жирным текстом - это Аврора, а другой со слабым текстом - это Chrome. Эти два имеют одинаковые правила стиля и имеют разные выходные данные. Пожалуйста, что является лучшим решением для этого.

Ответы [ 2 ]

1 голос
/ 04 октября 2011

Каждый движок рендеринга, Webkit, Mozilla, Trident и т. Д. Был создан другой командой людей и поэтому будет иметь небольшие отличия в выводе, а также в своих собственных причудах или ошибках.

Каждый браузер, Firefox, Safari, Aurora, Chrome, Explorer и т. Д. Был создан другой командой людей и поэтому будет иметь небольшие различия в том, как он использует выбранный движок рендеринга, а также свои собственные причуды или ошибки. 1003 *

То же самое можно сказать о каждой операционной системе и о том, как она обрабатывает одни и те же шрифты.

Я нахожусь на действительно хорошем ЖК-дисплее с высоким разрешением, и разница между этими двумя случаями в вашем изображении практически незаметна. Если бы не размещение их рядом, было бы практически невозможно определить разницу. Я думаю, что если вы поместите свои тестовые наборы на два ЖК-дисплея рядом друг с другом, ощутимой разницы не будет.

Независимо от того, что вы делаете, все браузеры будут отображать вещи по-разному. Наша работа как программистов состоит в том, чтобы уменьшить эти различия только как практично и возможно.

0 голосов
/ 04 октября 2011

Разные браузеры работают по-разному.

Я предлагаю использовать JavaScript и CSS для решения этой проблемы.JavaScript определяет, какой браузер использовал конечный пользователь, затем CSS-код этого браузера .

Обнаружение браузера JavaScript (нажмите на ссылку ниже): http://www.w3schools.com/js/js_browser.asp

Чтобы настроить жирный шрифт текста шрифта (используйте этот код): font-weight: 500 ;

Чем больше число «шрифта»грузик "смелее".

...