Как исправить, что некоторые буквы кажутся больше, чем другие в элементе <h2>?

Question

Клиент сообщил о проблеме, когда он видит заголовки с изменяющимся размером шрифта. Особенно я, м, н, д, буквы кажутся больше. Как на 3 пикселя больше. Смотрите изображение: https://drive.google.com/file/d/1mTIJdeIIUXZoOZqsAkJLr_PtR7yXqSTs/view?usp=sharing

Чтобы повторить проблему, я уже пытался отключить Google Fonts и Angular Fonts, но безрезультатно. И обнови страницу. Также перезапустите браузер

Это название:

<h2 class="text-center ng-binding" style="margin-top: 20px; font-family: Adamina, serif, google; font-size: 26px; font-style: normal; font-weight: normal; text-decoration: none; color: rgb(255, 255, 255);" ng-style="boxTitle[$index].properties" ng-mouseleave="$ctrl.fontColor($index, boxTitle[$index].fontColor)" ng-mouseover="$ctrl.fontColorHover($index, boxTitle[$index].fontColorHover)" ng-bind-html="(box.templateBoxDetails.componentId == 69 &amp;&amp; $ctrl.flagNumberPendingSurveys ? $ctrl.user.patient.totalPendingSurveys + ' ' : '') + box.templateBoxDetails.boxTitle.replace('FirstName', $ctrl.user.firstName)">Welcome to LA Wellness Institute</h2>

Все буквы должны быть одинакового размера. И она видит некоторые буквы больше других.