android - 使用 Cordova 的 Android 自定义字体的问题

Question

我构建了一个在 iOS 上运行良好的 Cordova 应用程序。我们现在即将在 Android 上发布，但在显示自定义字体时遇到了问题。

在 iOS 上，我们使用 Avenir。我已经从几个不同的网站下载了 Avenir，但字体变大了——在 Android 上显示效果很差。我认为上升器太小而下降器太大。我还下载了其他几种字体，它们也有这个问题。

我试过使用 Apple Font Tool Suite 来更改升序和降序。该工具 (ftxdumperfuser) 似乎可以工作(我保持上升和下降的总和不变)但没有解决显示问题。我试过使用 ttf、svg 和 woff 而不是 otf，但没有帮助。我试过 baseline-shift css 属性，没有帮助。我已经尝试了一些关于 font squirrel 的工具，但没有成功。我已经联系了一些网站，但他们要么不回应，要么只退还我的钱。我可以处理单个元素的 css:

position: relative;
bottom: -0.1em;

但这是一个悲惨的解决方案。

这是我的字体定义:

@font-face {
    font-family: "Avenir";
    src: url("../fonts/AvenirFS.otf") format("opentype"); 
}

我在网上看到了一些关于这个问题的信息，但没有对我有用的解决方案。我很惊讶更多的人没有遇到这个麻烦!

非常感谢， -乔恩

Answer 1

想通了。答案是使用字体编辑器，显然不是 Apple 的，例如免费在线 Glyphr Studio http://www.glyphrstudio.com/online/ .虽然您不能使用 safari，但 Chrome 可以正常工作。

我选择了字体，然后是字体设置，并更改了上升和下降。在我的例子中，我将 800 添加到上升并从下降中减去 800。他们有一个很好的试驾工具。我导出修改后的字体并将其加载到我的 Android 应用程序中。就像一个魅力。

乔恩