title: How to fix that some letters appear bigger that others in a <h2> element?
body: <p>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: <a href="https://drive.google.com/file/d/1mTIJdeIIUXZoOZqsAkJLr_PtR7yXqSTs/view?usp=sharing" rel="nofollow noreferrer">https://drive.google.com/file/d/1mTIJdeIIUXZoOZqsAkJLr_PtR7yXqSTs/view?usp=sharing</a></p>
  
  <p>To replicate the issue, I've already tried to disable Google Fonts and Angular Fonts, with no results. 
  And refresh page. 
  Also, restart browser</p>
  
  <p>This is the title:</p>
  
  <pre><code>&lt;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;&amp;amp; $ctrl.flagNumberPendingSurveys ? $ctrl.user.patient.totalPendingSurveys + ' ' : '') + box.templateBoxDetails.boxTitle.replace('FirstName', $ctrl.user.firstName)"&gt;Welcome to LA Wellness Institute&lt;/h2&gt;
  </code></pre>
  
  <p>All letters should appear with the same size. 
  And she see some letters bigger than others.</p>