"Impact" font not working on mobile Chrome

fonts, google-chrome, mobile

Solution

Take a look on this fiddle → https://jsfiddle.net/yakunins/8e56vdy7/

* {
  font-family: Impacto, Impact, sans-serif;
}
@font-face {
  font-family: Impacto;
  font-weight: bold;
  src: url(data:font/ttf;base64,AAEAAAAXAQ...);
}

I got this result on my Android device:

Problem

I've been struggling with the Impact font for about a year now. It's supposed to be a web safe font, but it isn't. When I use the standard "Impact" it will not work on mobile platforms. If I use a specific font @font-face, it's impossible to get same rendering on PC and Mac (I've tried about 20 different versions and spent about $200 on useless fonts). I'm happy with the standard Impact as it works fine (with a few hacks). But it doesn't load on mobile phones (Chrome), and it's driving me crazy and makes me want to jump out the window. Seriously, I've had enough...

Original source