svg文件中的Phantomjs字体渲染问题

Question

我有一个我希望转换为PNG的SVG文件，但在输出PNG中显示字体存在问题。

以下是原始SVG在Chrome浏览器中的外观：

以下是使用Phantomjs转换为PNG后的效果：

为什么会削减文字？

Amazon Linux AMI发布2017.03上的Phantomjs v2.1

修改

这是svg（包括字体）： http://45.55.136.163/p/demo.svg

Answer 1

magnolia_sky 字体的指标将下划线设置为250个单位。看着＆＃34; g＆＃34;它被剪裁在这条线上。上升器为750个单位，对应于＆＃34; H＆＃34;，＆＃34; d＆＃34;和＆＃34; i＆＃34;被修剪。

看起来PhantomJS很难将每个字形剪切到由整个字体的垂直度量确定的框中，而不是检查超出这些限制的字形。您可以在Fontforge中编辑指标作为变通方法。字距调整也未正确应用（或根本没有），这就是字形不按设计者的意图连接在一起的原因。无论PhantomJS使用哪种渲染器，只需为每个角色应用基本字形前进，无需进一步调整。