“影响”字体无法在移动Chrome上运行

Question

我一直在努力使用Impact字体大约一年了。 它应该是一个Web安全字体，但它不是。

当我使用标准“影响”时，它不适用于移动平台。如果我使用特定字体@ font-face，则无法在PC和Mac上获得相同的渲染（我尝试了大约20种不同的版本，并且在无用的字体上花费了大约200美元）。

我对标准影响感到满意，因为它工作得很好（有几个黑客）。但它并没有加载到手机（Chrome），它让我疯狂，让我想跳出窗外。说真的，我已经受够了......

Answer 1

看看这个小提琴→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...);
}

我在Android设备上获得了此结果：