在这种情况下， wkhtmltoimage 工作正常，您只需调整其 fontRatio 设置以使文本更大。或者，你可以增加渲染的 --width ，使其与标准浏览器窗口更一致，例如1200px。

问题是300px是一个非常小的宽度，默认情况下FlowType的目标是每行45-75个字符。例如，假设每行有60个字符，这意味着每个字符只有5px宽，这就是文本看起来太小的原因。如果您将浏览器窗口缩小到300px，您将看到文本的大小与其在 wkhtmltoimage 中呈现的大小相同。

要增加font类型的字体大小，请使用 fontRatio 参数，如下所示。较小的值会产生较大的文本：

$('body').flowtype({
  fontRatio: 15
});

默认的 fontRatio 是30，所以可以尝试更小的值，比如15，以增加文本大小。

下面是一个可运行的示例，它显示了宽度为 300px 的元素的不同fontRatio值之间的差异。

截图：

​

​

代码片段：

​

$('.c1').flowtype(); // Default, fontRatio = 30
$('.c2').flowtype({fontRatio: 15});

.c1, .c2 {
  width: 300px;
  border: solid red 2px;