title: cursor infront of text is appearing larger than the text
body: <p>I have a  textarea to input text, 
  if i type some words then the cursor in front of my text appears to be larger.
  why it is showing larger? It should be equal to my words?
  I want the font size to be 38px;</p>
  
  <p>I am testing it on Chrome Browser</p>
  
  <p>please help me to solve this issue.</p>
  
  <pre><code>&lt;textarea name="quotes" cols="40" rows="10"   placeholder="  What`s your quotes? " style="height:100px;width:99%;overflow:auto;border: 1px solid silver;font-size:38px" keynav:shortcut="10"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/OYEh7.png" alt="enter image description here"></p>