How to fix that some letters appear bigger that others in a <h2> element?

Viewed 183

A customer reported an issue where he see the tittles with alternating size of the font. Specially i,m,n,d,a letters are appearing bigger. Like 3 pixels bigger. See image: https://drive.google.com/file/d/1mTIJdeIIUXZoOZqsAkJLr_PtR7yXqSTs/view?usp=sharing

To replicate the issue, I've already tried to disable Google Fonts and Angular Fonts, with no results. And refresh page. Also, restart browser

This is the title:

<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>

All letters should appear with the same size. And she see some letters bigger than others.

0 Answers
Related