CutyCapt不显示自定义网页字体

Question

我正在尝试使用cutycapt来截取iPhone大小的网站屏幕截图，测试一个移动应用程序，而不是每次CSS发生变化时都要手动截图。

我遇到的问题是，无论是从fonts目录还是由Google web字体提供的自定义Web字体，cutycapt都无法呈现或加载。

示例屏幕截图- Google Web Fonts。

我在Ubuntu服务器上使用xvfb-run运行cutycapt。我使用的命令是这样的：

xvfb-run --server-args="-screen 0, 1024x768x24" \
cutycapt --url={url} --out=/tmp/test2.png \
--min-width=640 --min-height=960 \ 
--user-agent="Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7" \
--delay=2000 --header=X_SCREEN_DIMENSIONS:640x960

Answer 1

我正在使用wkhtmltoimage的xvfb-run，并且遇到了自定义字体不能在图像输出中呈现的相同问题。

为了解决这个问题，我按照下面的说明在我的服务器上安装了自定义字体：http://www.cangjie.info/public/howto/ubuntu_fonts/ubuntu_fonts.php

我从google web fonts下载了ttf文件，并将其放在：

/usr/share/fonts/truetype/custom/customfont.ttf

放置字体后，我刷新了字体缓存：sudo fc-cache -fv

如果尝试刷新字体缓存时出现“未找到命令”错误，请安装fontconfig：

apt-get install fontconfig

Answer 2

我用它来解决同样的问题。但下载所有字体需要一些时间。：

sudo apt-get install ttf-wqy-zenhei
sudo apt-get install xfs xfonts* -y