Wow JS решение для удаления жирного текста не работает на Macbook Pro (Google Chrome)

Question

Wow анимация остановить рендеринг текста жирным шрифтом в Mac Book Pro Chrome

Я использую wow.js для анимации прокрутки. он показывает жирный текст после полной анимации на Mac Book Pro.

В поисках решения в интернете я пришел через этот код.

Вот решение, которое я применил.

.wow.animated { -webkit-backface-visibility: hidden;}

Но это не работает для меня.

Я использовал приведенный ниже код после выявления анимации, добавил класс анимации к элементу.

.subpixel{ animation: font-weight .0000001s;}
 @keyframes font-weight {0%{}
 100%{ -webkit-font-smoothing: antialiased; }
}

Выше код изменяет код с жирного на обычный, но оживляет во время цепочки, что выглядит устало.

Answer 1

Возможно, попробуйте анимацию-направление, обновите код до:

.subpixel{ animation: font-weight .0000001s forwards;}
@keyframes font-weight {0%{}
 100%{ -webkit-font-smoothing: antialiased; }
}

Если это проблема времени, как вы предлагаете попробовать

.subpixel{ 
   animation: font-weight .0000001s forwards;
   -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
   animation-delay: 2s;
}
@keyframes font-weight {
    0%{}
    100%{ -webkit-font-smoothing: antialiased; }
}

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