svg文件中的Phantomjs字體渲染問題

Question

我有一個SVG文件，我想將其轉換爲PNG，但在輸出PNG中顯示字體時出現問題。

下面是SVG如何原來看起來Chrome瀏覽器：

下面是它的外觀採用轉換成PNG Phantomjs後：

任何想法，爲什麼把人傷文本？在Amazon Linux的AMI

Phantomjs v2.1的釋放2017.03

編輯：

這裏是（包括字體）的SVG： http://45.55.136.163/p/demo.svg

Answer 1

爲magnolia_sky字體集的度量在250個單位下行。看着這個「g」，它正在被剪切在這條線上。上升部分爲750個單位，對應於「H」，「d」和「i」被剪切的位置。

PhantomJS似乎很難將每個字形剪切爲由整個字體的垂直度量確定的框，而不是檢查超出這些限制的字形。您可以在Fontforge中編輯指標作爲解決方法。字距也沒有被正確應用（或根本沒有），這就是爲什麼字形沒有按照設計者的意圖連接在一起的原因。不管渲染器PhantomJS使用什麼渲染器，只需對每個角色應用基本字形提升，而不需要進一步調整。