title: Text using custom fontface horribly scrambled on Google chrome - windows 10
body: <p>I have a website that uses a custom css fontface for titles. I prepared the font eot/woff/ttf file with fontsquirrel (based on the original ttf file). The fontface rule looks like this, nothing fancy:</p>
  
  <pre><code>@font-face {
      font-family: 'bauhaus_heavy_boldregular';
      src: url('font/bauhaus_heavy_bold-webfont.eot');
      src: url('font/bauhaus_heavy_bold-webfont.eot?#iefix') format('embedded-opentype'),
      url('font/bauhaus_heavy_bold-webfont.woff2') format('woff2'),
      url('font/bauhaus_heavy_bold-webfont.woff') format('woff'),
      url('font/bauhaus_heavy_bold-webfont.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>All my test devices display text using this fontface rule correctly except for one laptop running windows 10 and google chrome. On this device some text (not all!) appears scrambled in a weird way, I get the result you see in the image:</p>
  
  <p><a href="https://i.stack.imgur.com/rXsYb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rXsYb.jpg" alt="displaying scrambled text"></a></p>
  
  <p>Does anyone have any idea about what can cause this, and more importantly, how to fix it?</p>