小编Yon*_*ein的帖子

我有一个网站,其中一些页面有用户生成的内容.我使用phantomjs(基于QtWebKit)来截取页面的截图,因此它们必须在QtWebKit中完美呈现.

当内容不是英文时,问题就开始了.然后,流行的浏览器(如Chrome和Firefox)会回归到CSS font-family中的下一个字体,直到默认字体.但是,在我的测试中,QtWebKit似乎表现出不同的行为:它错误地选择了无法呈现内容的字体.

考虑这个示例文件"fonts.html":

calibri, arial:
<div style="font-family: calibri, arial; font-size: 36px;">
????????????????????????????????????????????????????
</div>

calibri:
<div style="font-family: calibri; font-size: 36px;">
????????????????????????????????????????????????????
</div>

arial:
<div style="font-family: arial; font-size: 36px;">
????????????????????????????????????????????????????
</div>

default:
<div style="font-size: 36px;">
????????????????????????????????????????????????????
</div>

以下是它在Chrome和Arora(一种基于QtWebKit的浏览器中呈现给我的phantomjs脚本提供相同结果)的方式:

我想要的是文本在Calibri中呈现,如果不适合某些字符,则回退到Arial.

我会接受一个解决方案,告诉我如何配置QtWebKit以允许这个(我在网上找不到任何东西),或者如何将我的HTML/CSS更改为"支持QtWebKit".