我已经构建了一个在 iOS 上运行良好的 Cordova 应用程序。我们现在即将在 Android 上发布，但在显示自定义字体时遇到问题。
在 iOS 上，我们使用 Avenir。我从几个不同的网站下载了 Avenir，字体向上移动 - 在 Android 上显示效果很差。我认为上升器太小而下降器太大。我还下载了其他几种字体，它们也有这个问题。
我尝试使用 Apple Font Tool Suite 来更改上升部分和下降部分。该工具(ftxdumperfuser)似乎可以工作(我保持上升和下降的总和恒定)，但没有解决显示问题。我尝试过使用 ttf、svg 和 woff 而不是 otf，但没有帮助。我已经尝试过基线偏移CSS属性，但没有帮助。我在 font squirrel 上尝试了一些工具，但没有成功。我联系了一些网站，但他们要么不回复，要么只是退还我的钱。我可以修改单个元素的 css:
position: relative;
bottom: -0.1em;
但这是一个悲惨的解决方案。
这是我的字体定义:
@font-face {
font-family: "Avenir";
src: url("../fonts/AvenirFS.otf") format("opentype");
}
我在网上只看到了一些有关此问题的信息，但没有对我有用的解决方案。我很惊讶更多的人没有遇到这个麻烦!
非常感谢， - 乔恩
最佳答案
想通了。答案是使用字体编辑器，显然不是苹果的，例如免费的在线 Glyphr Studio http://www.glyphrstudio.com/online/ 。虽然您无法使用 Safari，但 Chrome 可以正常工作。
我选择了字体，然后选择了字体设置，并更改了上升和下降。在我的例子中，我在上升中添加了 800，在下降中减去了 800。他们有一个很好的试驾工具。我导出了修改后的字体并将其加载到我的 Android 应用程序中。就像魅力一样。
乔恩
关于android - 使用 Cordova 的 Android 自定义字体的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41350745/