phantomjs - phantomjs屏幕截图字体丢失，改为显示框

Question

我在Centos 6.3上使用PhantomJs 1.8.1进行自动化ui测试。如果测试失败，则屏幕截图将保存到文件系统中。

我的问题是，即使屏幕截图已保存，它们也不包含可读字体。

因此，如果网站显示如下:

你好，世界!

该网站的屏幕截图如下所示:

因此，它代替实际的字母，而是渲染并保存小盒子。

系统是centos 6.3。
Freetype和Fontconfig也已安装。

我该如何解决呢？

谢谢!

Answer 1

我的日语字体也有类似的问题。 (PhantomJS 1.9.1，Amazon EC2上的Redhat)

英文字符显示良好，但日语字符呈现为方框。

我如何解决它:

1)使用yum install安装(日语)IPA字体(Mincho和Gothic)。

(使用yum list检查确切的包名称。)

2)IPA .ttf文件已安装到:

/usr/share/fonts/IPA-Gothic/

/usr/share/fonts/IPA-Mincho/

3)将两个下载的 .ttf文件移动到此目录:(创建)

/usr/share/fonts/ipa/

4)备份 /etc/fonts/fonts.conf
5)编辑原始的 /etc/fonts/fonts.conf并用以下代码填充它:

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
  <dir>/usr/share/fonts/ipa</dir>
  <cachedir>/var/cache/fontconfig</cachedir>
  <cachedir>~/.fontconfig</cachedir>
  <alias>
    <family>serif</family>
    <prefer>
      <family>IPAP Mincho</family>
    </prefer>
  </alias>
  <alias>
    <family>sans serif</family>
    <prefer>
      <family>IPAP Gothic</family>
    </prefer>
  </alias>
  <alias>
    <family>monospace</family>
    <prefer>
      <family>IPA Gothic</family>
    </prefer>
  </alias>
</fontconfig>

6)使用 fc-cache -vf刷新字体缓存

7)享受您的新工作字体。

陷阱:

如果获取的没有字符(空格)，则字体缓存可能已过期。
尝试fc-cache -vf重新生成它。

1.9.1版本中修复了日文/中文/韩文字符。不确定是否会有所作为，但可能值得从1.9.0升级。