相关疑难解决方法(0)

我正在使用 wkhtmltopdf 将网页下载为 pdf。

但是 css 属性 letter-spacing 似乎不起作用

font-size:20px; letter-spacing:0px;

font-size:20px; letter-spacing:1px;

1px的间距非常大...

我尝试了 2 种不同的字体系列

使用0.79和0.7.2生成的PDF看起来与我原来的HTML略有不同.添加show_as_html标志会按预期显示它,但是内联样式在PDF中的处理方式不同,然后它们在HTML预览中.

具体来说,我遇到的问题是字母间距声明,也没有正确呈现浮动.因此,例如在具有字母间距的右浮动元素上,PDF将使字符过多地与中心隔开,使得文本部分地离开屏幕而不是进一步向左突出以获得字母间距宽度的差异. .

以下是原始HTML代码段:

<table width="800" border="0">

  <tr>
    <td colspan="3"><span style="font-family:Helvetica, Arial, sans-serif;font-size:10pt;margin-top:18px;text-transform:uppercase;float: right;letter-spacing:2pt">Winter 2013</span></td>
  </tr>
</table>

这是执行渲染的代码:

render :pdf => 'file_name', :template => 'template.html.erb', :layout => 'pdf.html'

这是呈现的HTML:http://jsfiddle.net/wX4DQ/

这是输出的PDF:http://imgur.com/sdUPM

我注意到有一些关于wkhtmltopdf的 bug报告似乎与此有关.这可能是这个问题的罪魁祸首,什么是可接受的解决方案？

我尝试过不同的字体,但我真的不得不使用Helvetica.

关于这里做什么或合理的解决方案的任何建议？