Windows 10: нечёткий текст в некоторых браузерах
 

Windows 10 Pro (10.0.15063.726). Последнее обновление (на днях)
С момента установки в июне этого года наблюдаю следующую картину:
- в Firefox шрифты гладкие и чёткие
- в Chrome - в целом терпимо, но заметна небольшая смазанность, размытость
- в Edge и IE11 нечёткость/размытость проявляется ещё заметнее

Что ещё:
- браузеры последних версий, ОС последней версии
- ClearType включен и настроен (настройку проводил дважды - при установке ОС и сейчас)
- текст интерфейса ОС нормальный, чёткий
- в Windows XP подобных проблем не наблюдал (во всех браузерах шрифт был чёткий)
- артефакт наблюдается только в браузерах
- проявляется на любых сайтах (т.е. дело не в неудачной комбинации размеров/гарнитур/начертаний/цветов шрифтов)
- css-свойство "text-rendering" ни при каких значениях никакого эффекта не оказывает

Что за напасть такая с Windows 10 ?
Или из всех браузерных движков в Windows 10 пиксельный рендеринг корректно работает только в Gecko ?

скриншоты?

Скрины сделал. Только жирные заголовки на скринах у всех какие-то нечёткие, угловатые. Даже в Firefox.
Поэтому, при просмотре скринов обращаем внимание на обычный текст. Обычный текст на скринах более менее точно иллюстрирует реальную картину, описанную в первом посте (в Firefox - чёткий, в остальных имеется размытие).

Нестандартное свойство "font-smooth" браузеры не понимают. Впрочем, даже если бы и понимали, понятно, что антиалиасинг включен, а отключать его смысла нет. Можно было бы проверить свойства "-webkit-font-smoothing" и "-moz-osx-font-smoothing", но они работают только в Mac OS X/macOS:

https://developer.mozilla.org/en-US/...SS/font-smooth
Судя по наличию цветных пикселей вокруг линий букв (в частности, красных), во всех указанных браузерах в сабжевом окружении используется субпиксельный рендеринг. Но почему-то IE11 и Edge справляются с этой задачей как-то хреново, Chrome - на 4 балла, FF - на 5 баллов.

Формат jpeg не позволяет судить о таких нюансах, и в принципе предназначен для фотореалистичных изображений. Скриншоты надо в png публиковать.

На XP были более старые версии браузеров. В какой то момент, в хроме, а потом и во всех хромых браузерах появился этот косяк. На разных компьютерах/мониторах это заметно чуть больше или чуть меньше, но оно есть, шрифты размытые.
В итоге я перешел на Firefox.

В тех jpeg, насколько я помню, quality на максимум поставил. В любом случае, предоставленные скрины в точности воспроизводят реальную картину, которую я наблюдаю. Проверил (сверил) дважды. Цветные, в частности, красные пикселы видны не только на скринах, но и непосредственно на мониторе (на LCD-мониторе вижу каждый пиксел). Думаю, каждый, кто просмотрел эти скрины, заметил разницу: в FF всё чётко, в Chrome - небольшое размытие, в IE11 и Edge - существенное размытие.

На какой ОС вы наблюдали размытие шрифтов в WebKit-браузерах ? Возможно, вы имеете ввиду разовые "косяки", свойственные некоторым конкретным (неудачным) версиям движка WebKit ближайших 2-3 лет давности. Судя по обсуждению подобных проблем в Интернете и прикладываемых скринов (пример), эти косяки были более выраженны, чем описанные в сабже и имели место только в браузерах на движке WebKit (https://answers.microsoft.com/ru-ru/...b932d50?auth=1 - здесь в IE проблем не было).

Но в сабже:
1) проблема в Chrome выражена несущественно (см. скрины)
2) наибольшие косяки наблюдаются в IE11 и Edge
3) проблема наблюдается с момента установки Windows 10 (прошло полгода). Браузеры Chrome и FF за этот период регулярно обновлял - ситуация с размытием не изменилась. Хотя версий за этот период было обновлено немало.

Посему, можно предположить, что проблема в Windows 10...

На всех и у всех проблема есть, просто многие ее не видят. Единственная ОС на которой нет этой проблемы, это XP, и только потому, что храмые браузеры давно не обновляются на этой ОС.
CyraxZ, установите браузер трех летней давности, и увидите, что шрифты гораздо лучше. Я сам долго не мог понять, думал зрение уже подводит, ан нет, это Гугл так прикалывается в своем движке. Windows 10 сам по себе огромный косяк, посему им не пользуюсь, и не пользуюсь IE11 и Edge.

У меня XP стоит на другом компьютере. Да, там проблем нет.

Так проблема не только с WebKit, но и с IE11 и Edge (причём в более выраженном виде). Похоже да, Windows 10 здесь привносит немалый вклад в это самое размытие. Только непонятно, почему в FF шрифты чёткие. Ведь все рассматриваемые браузеры реализуют (по крайней мере, в сабжевом окружении) субпиксельный рендеринг. Ладно если бы разные варианты рендеринга применялись...

Ничего ваши снимки с экрана не воспроизводят.

Вот эти снимки с экрана результата поиска воспроизводят изменения:

В обоих случаях отображение меня устраивает.

На снимках с экрана изображено отображение страницы в firefox, palemoon и google chrome
1 снимок - FireFox
2 снимок - PaleMoon
3 снимок - Google Chrome

Каждый рисунок откройте в каждой вкладке.
После этого пощёлкайте по вкладкам.
Обнаружите что 1-ый и 2-ой снимок одинаковые, 3-ий отличается от 2-х предыдущих.

У меня:
1. Снимки с экрана в формате png.
2. Снимки с экрана максимально подогнаны и одинаковых размеров, т.е чтоб повторяли друг друга - таким образом можно увидеть разницу.

У вас:
1. Снимки с экрана в формате jpeg.
2. Размеры снимков с экрана произвольного размера.

Воспроизводят ту картину, которая имеет место в моём окружении (ОС + браузеры + видеокарта). Т.е. хочу сказать, что мои скриншоты, не смотря на то, что имеют формат jpeg, соответствуют той картине, которую я наблюдаю на своём компьютере.

В первых двух случаях используется один и тот же движок (Gecko), поэтому скрины идентичны в плане рендеринга (у меня в FF текст тоже чёткий). В 3-м варианте (Chrome/WebKit) наблюдается слабое размытие. В меньшей степени, чем в моём случае. Но разница есть: Chrome - в худшую сторону. IE и Edge вы не проверили - вполне возможно, что размытость будет более выражена.

Потому, что выше изображённые снимки с экрана в Linux - Нет Internet Explorer и Edge.

Ребята, вы наверное будете удивлены:
Я посмотрел ваши картинки в Edge.
У Nordek никакой разницы не заметил - все чётко.
У CyraxZ все наоборот: Firefox, chrome - слегка размыто, но вполне читаемо. В Edge, IE - все чётко
Если бы не предложение - сравнить в разных вкладках, так вообще ничего не заметил. :)

В вашем случае если посмотреть из других браузеров, картина разве будет иной ?

Если вы про первые 3 скрина Nordek (Linux), то первые два из них чёткие, 3-й скрин (Chrome) - слабозаметное размытие есть. Вы просто не обратили внимания. Если вы про второй комплект скринов (Windows 10), то там по-прежнему имеется слабое размытие у Chrome и Edge (также могли не обратить внимания), но в IE размытие хорошо заметно - его вы не могли не заметить (если у вас "всё чётко", то вы перепутали вкладки).

Что касается "Firefox, chrome - слегка размыто", то в отношении FF вы скорее всего обратили внимание на жирный текст (в частности, заголовки) - жирный Arial выглядит несколько коряво во всех браузерах. Сравнивайте обычный нежирный текст.

Меня смутила цветность на снимках пользователя CyraxZ - от чего решил увидеть это на другом железе (сразу оговорюсь: Установлена Windows 8):

Система установлена как есть, я ничего не настраивал и не менял, вот как установилась так и всё, меня всё устраивает.

Снимки с экрана в JPEG - это гениально.
Radikal - Для добавления контраста или чтоб поиздеваться?

пойдёт? :), к стати шрифт на скринах намного хуже оригинала... скажем хуже процентов на 50-60, исходя из этого реально оценить качество отоброжаемого шрифта может только владелец пк.

Harkovchanin1968, у вас скрытый текст пуст. Если там были вложения-скрины, возможно вы их удалили из-за ограниченной квоты на вложения.

В моём случае (jpeg с максимальным качеством) скрин на 90-95% соответствует реальной картине, которую я наблюдаю

так не бывает - значит ваше ПО привносит какую-то отсебятину

Цитата:

Цитата Busla так не бывает »

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

Статья годичной давности про размытость:
http://zubarev.me/blog/css/razmytyj-...e-opera-safari

Добавление трансформации у меня наоборот, делает текст размытым даже в Firefox (в других браузера - размытость заметно усиливается).
Прочие варианты не работают.