Чому змінюється вигляд шрифту під час анімації стороннього об’єкта

Добридень. Зауважив, що на Маку під час анімації зміни заднього фону блоку за допомогою методу fadein() від JQuery під час анімації стиль шрифту кнопок змінюється. Стиль шрифту завжди один і не змінюється при наведенні мною у стилях.

Помітив, що шрифт змінюється відразу в обох кнопок.

На вінді все гаразд. Чому так відбувається?

вигляд

Проблема старовинна та живе аж із 2009 року. Зустрічав різні запропоновані способи рішення.

3D transform engine-webkit-transform: translateZ(0)Обговорення з пропозицією використання 3D движка. Звучить розумно.

Font smoothing-webkit-font-smoothing—antialiasedsubpixel-antialiasedВ обох обговореннях і окремо можна зустріти спроби подолати проблему рахунок управління згладжуванням. Не пробував, нічого не скажу, але ентузіазму щодо цих рішень не побачив.

Пи. А навіщо вамanimation-fill-modeдля кнопок?

Спасибі вам! Інструкція така допомогла: -webkit-font-smoothing: subpixel-antialiased;

Але тут інше питання назріває: яке згладжування шрифтів переважно використовувати у Safari?

P.S. Такої проблеми на даний момент у Chrome не спостерігаю.

Євген Петров: у мене лише на маку така проблема вилізла.

Таке питання: - можна якось задавати згладжування тексту на весь текст на випадок анімації або лише примусово на кожен блок?