CutyCapt不顯示自定義Web字體

Question

我試圖使用cutycapt採取iPhone大小的網站截圖來測試移動應用程序，而不是每次CSS更改時都要手動截取屏幕截圖。

我遇到的問題是，cutycapt不是呈現或加載自定義網絡字體，可以從fonts目錄或Google Web Fonts提供。

示例屏幕截圖 - Google Web Fonts。

我正在運行cutycapt在Ubuntu服務器上使用xvfb-run。我使用的命令是這樣的：

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

我使用xvfb-run爲wkhtmltoimage，不得不在圖像輸出不呈現自定義字體相同的問題。

爲了解決這個問題，我安裝我的服務器上的自定義字體這裏的操作說明： http://www.cangjie.info/public/howto/ubuntu_fonts/ubuntu_fonts.php

我從網上下載谷歌網頁字體的TTF文件，並把它放在：

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

後放置字體，我刷新了字體緩存：sudo fc-cache -fv

如果您在嘗試刷新字體緩存時收到'command not found'錯誤，請安裝fontconfig：

apt-get install fontconfig 

Answer 2

我用這個來解決這個問題。但是，這需要一些時間來下載所有字體：

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

我覺得page2images是一個很好的工具。你可以嘗試一下。