google-chrome - “影响”字体在移动 Chrome 上不起作用

Question

大约一年来，我一直在为 Impact 字体苦苦挣扎。它应该是一种网络安全字体，但事实并非如此。

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

我对标准 Impact 很满意，因为它运行良好（有一些小技巧）。但它无法在手机（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 设备上得到了这个结果：