“影响”字体在移动 Chrome 上不起作用答案

【问题标题】："Impact" font not working on mobile Chrome“影响”字体在移动 Chrome 上不起作用
【发布时间】：2013-07-11 22:52:51
【问题描述】：

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

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

我对标准 Impact 很满意，因为它运行良好（有一些小技巧）。但它无法在手机（Chrome）上加载，它让我发疯，让我想跳出窗外。说真的，我受够了……

【问题讨论】：

请不要为自己辩护，为了字体不值得！

标签： google-chrome mobile fonts

【解决方案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 设备上得到了这个结果：

【讨论】：