Почему текст становится bold при наведении в CSS3?

Question

[Urukhayy]

Суть в том, что при наведении на какой-то элемент (текст) он становится на доли секунды как-бы жирным, а потом снова нормальным. Такое даже можно наблюдать в социальной сети - ВК. И даже в этом вопросе. Обновить страничку, и сразу после загрузки текст станет жирным, а потом снова нормальным.

Вот сделал скрин (вариант ниже всего на доли секунды):

Comments

[Алексей Немиро]

Это скорее что-то у вас с обработкой шрифтов в системе :)

[Алексей Немиро]

Вот похожая тема, правда уже старая совсем: Как избавиться от насильного сглаживания шрифтов в Google Chrome?

Answer 1

[Дмитрий Шишкин]

В эти несколько доли секунд подгружаются подключаемые шрифты
font-family: "PT Sans",Helvetica,Arial,sans-serif;
Пока не загрузился PT Sans, используется встроенный шрифт Helvetica

Comments

[Urukhayy]

А как быть, если это происходит при всяком наведении на текст, поддающейся анимации?

[Дмитрий Шишкин]

Попробуйте посмотреть в разных браузерах

Answer 2

[Александр Цымбал]

Текст не становится жирным, у тебя проблема с включением/отключением anti-aliasing, что по русски звучит как "сглаживание" шрифта. Все современные браузеры рендерят шрифт со сглаживанием, но иногда оно может быть отключено.

1. обновить браузер.
2. проверить, не производится ли какая-нибудь css-анимация при загрузке страницы (в тот момент, когда текст меняется) - т.к. в некоторых браузерах во время проигрывания анимации убирается antialising, текст становится пиксельным (как первый абзац в примере).
3. отключить все плагины, установленные в браузере - они могут мешать.

Comments

[KurtsKhalia]

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

[Александр Цымбал]

KurtsKhalia: абсолютно верно, но у браузеров свои методы сглаживания. и то, что оно то появляется, то исчезает, говорит скорее о проблемах в браузере.