如何在PhantomJS屏幕截图中呈现@ font-face?

问题描述:

屏幕截图非常棒,但是自定义的@ font-face字体没有被渲染。有没有可能纠正这个问题?如何在PhantomJS屏幕截图中呈现@ font-face?

+0

我使用phantomjs 1.9.7和仍面临这个问题,做了你找出解决这个问题的办法吗? – midhunsezhi

了一下之后做一些研究,我发现这个

http://code.google.com/p/phantomjs/issues/detail?id=247

看起来SVG工作的最好。

在使用字体的SVG版本后再次测试屏幕截图时遇到的一个问题是WebKit缓存旧页面,仍然显示破碎的字体。确保你的服务器明确地告诉它不使用缓存版本,或干净的WebKits缓存。

+0

此问题依然存在,使用SVG是一种工作解决方案。谢谢你。 –

我已经与网络字体的OSX和Linux支持建立PhantomJS - 您可以直接使用二进制文件 -

下载来源:http://arunoda.me/blog/phantomjs-webfonts-build.html

+0

二进制文件不适用于我 – David

+0

@David,它在一种字体而不是另一种字体上工作。 Adobe的Source Sans Pro正在运行,通过IcoMoon的自定义图标不起作用。 – weisjohn

+0

@ Arunoda-Susiripala您能否更新链接到您用来编译这些binarie的原始解决方案,在您的博客中引用? – Serge