如何保持Web的SVG排版一致？

Question

我为我的在线作品集创建了一个SVG徽标。但由于某些原因，我的徽标中的排版在各种移动设备上并不一致。例如：

使用Chrome v46和Safari 9.0.1在桌面上显示正确：

使用Safari应用程序在iPhone和iPad上显示错误：

如何在各种浏览器和设备上使此SVG排版保持一致？