"Impact" font not working on mobile Chrome

Question

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...

Answer 1

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: