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

Posted 2023-03-25

【中文标题】“影响”字体在移动 Chrome 上不起作用

【英文标题】："Impact" font not working on mobile Chrome

【发布时间】：2013-07-11 22:52:51

【问题描述】：

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

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

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

【问题讨论】：

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

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