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

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

在iOS上，我们使用Avenir。我从几个不同的网站下载了Avenir，并且字体向上移动 - 在Android上显示效果不佳。我相信上行太小，下行太大。我也下载了一些其他字体，他们也有这个问题。

我试过使用苹果字体工具套件来改变上行和下行。该工具（ftxdumperfuser）似乎工作（我保持ascender和descender的总和不变），但不能解决显示问题。我试过使用ttf，svg和woff而不是otf，并没有帮助。我已经尝试了基线转移的CSS属性，没有帮助。我试过一些字体松鼠的工具，没有运气。我已经联系了几个网站，但他们要么没有回应，要么只是退还我的钱。我可以用CSS来解决个别元素：

position: relative; 
bottom: -0.1em;

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

这里是我的字体面的定义：

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

我看过一点点关于在网络上这个问题没有解决方案，为我工作。我很惊讶更多的人没有这个麻烦！

谢谢了， - 乔恩

来源

2016-12-27 Jon Schlossberg

想通了。答案是使用字体编辑器，而不是Apple的显然，比如免费的在线Glyphr Studio http://www.glyphrstudio.com/online/。你不能使用Safari浏览器，但Chrome的工作正常。

我选择了字体，然后字体设置，并改变了上升和下降。在我的情况下，我增加了800个上升和减少800个下降。他们有一个很好的测试驱动工具。我导出了修改后的字体并将其加载到我的Android应用程序中。奇迹般有效。

Jon

来源

2016-12-28 00:30:58

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

回答

相关问题