Question

我已经构建了一个在iOS上正常运行的Cordova应用程序。我们现在已接近在Android上发布，但在显示自定义字体时出现问题。

在iOS上，我们使用Avenir。我从几个不同的网站下载了Avenir，字体向上移动 - 在Android上显示效果不佳。我认为上升器太小而下降器太大。我还下载了其他一些字体，他们也遇到了这个问题。

我尝试使用Apple字体工具套件来更改上升器和下降器。该工具（ftxdumperfuser）似乎工作（我保持上升和下降的总和不变），但不解决显示问题。我尝试过使用ttf，svg和woff而不是otf，没有用。我尝试过基线转移css属性，没有帮助。我已经尝试了一些关于字体松鼠的工具，没有运气。我已经联系了几个网站，但他们要么没有回复，要么只是退还我的钱。我可以用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应用程序中。像魅力一样。

乔恩

使用Cordova的Android自定义字体出现问题

1 个答案: