ruby - 在 Capybara-Webkit 中显示 @font-face 字体

Question

当我使用 capybara-webkit 测试我的网站并截取屏幕截图时，CSS 中的 @font-face 声明将被忽略。

这尤其糟糕，因为我使用的是 FontAwesome，因此页面在真实浏览器中的显示方式会有很大差异。

如何重现:https://gist.github.com/anonymous/4948827

输出:http://i.imgur.com/5lsrleY.jpg

有什么办法可以解决这个问题吗？

Answer 1

一些研究表明，完全可以在 Capybara-Webkit 中呈现自定义字体，与 PhantomJS 相同。这PhantomJS Forum Post确定故障问题。快速总结:

1. SVG 字体效果最好。
2. OTF 字体往往不起作用。
3. 它应该在 Qt5 中修复，因此请检查您构建的 Qt 版本。