Проблема в CSS а именно с text-rendering: optimizelegibility.
![fdfdb0a83f004e44bfc798fc32042658.gif](https://habrastorage.org/files/fdf/db0/a83/fdfdb0a83f004e44bfc798fc32042658.gif)
Если вы используете bootstrap, то по умолчанию у него есть стиль.
h1, h2, h3....... {
...
text-rendering: optimizelegibility;
....
}
Исправить путем установки в auto.
Более подробно можно почитать здесь:
y3x.ru/2011/01/css-text-rendering