title: Ugly Arial font rendering with wkhtmltopdf.exe
body: <p>Looking af <a href="https://wkhtmltopdf.org" rel="nofollow noreferrer">https://wkhtmltopdf.org</a> to render HTML to PDF</p>
  
  <p>What can be done to improve the horrific rendering of a standard font link Arial?</p>
  
  <p><strong>HTML</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style="font-family:'Arial'; font-size:11px; font-weight:100;"&gt;THIS is my test size:11 weight:100&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Command line</strong></p>
  
  <pre><code>PS C:\Users\me\test&gt; echo "&lt;div style=""font-family:'Arial'; font-size:11px; font-weight:100; ""&gt;THIS is my test size:11 weight:100&lt;/div&gt;" | .\wkhtmltopdf.exe - test.pdf
  </code></pre>
  
  <p><strong>Rendered result</strong>
  <a href="https://i.stack.imgur.com/Xwaoh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xwaoh.png" alt="enter image description here"></a></p>
  
  <p><strong>Expected result</strong>
  <a href="https://i.stack.imgur.com/VoqH7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VoqH7.png" alt="enter image description here"></a></p>