title: small-caps latin characters on PDF
body: <p>I generate a PDF using mPDF Library.</p>
  
  <p>I use <em>Open Sans</em> font, the content has latin characters such as <strong>ä</strong></p>
  
  <p>It shows correctly if it is plain <strong>ä</strong>,</p>
  
  <p>But the problem is if I added a <code>font-variant: small-caps;</code> to this text. It becomes like this:</p>
  
  <p><a href="https://i.stack.imgur.com/mdvjN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mdvjN.png" alt="enter image description here"></a></p>
  
  <p>I tested if there is just a problem in upper-case of <strong>ä</strong>:</p>
  
  <p><a href="https://i.stack.imgur.com/kfCpW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kfCpW.png" alt="enter image description here"></a></p>
  
  <p>But there is not. If you try to select and copy the word with the "box" <strong>ä</strong> (I mean the first image).. then paste it some where. You will have the correct <strong>nationalität</strong>.</p>
  
  <p>So the question is, What is the problem there? Is it on the <em>font</em>? In a <em>PDF</em>? In a <em>CSS</em>? Or in a <em>encoding</em>(Currently, It is utf-8)?</p>
  
  <p><strong>How can I fix it?</strong></p>
  
  <p>I know that I can just use something like:</p>
  
  <pre><code>&lt;span class="bigger-font"&gt;N&lt;/span&gt;&lt;span class="smaller-font"&gt;ATIONALITÄT&lt;/span&gt;
  </code></pre>
  
  <p>Then I will get my desired results. But I really want to use <code>font-variant: small-caps;</code> because this is easier.</p>