wkhtml字体上方的额外空间

时间:2015-05-13 14:16:27

标签: html css fonts font-face wkhtmltopdf

我在使用wkhtmltopdf生成pdf文档时遇到问题。 Wkhtmltopdf不会在文本上方生成额外的空格。

Html页面看起来不错(在Chrome,Firefox上测试):http://i.imgur.com/ckjrRjU.png

PDF看起来像:http://i.imgur.com/FeeVjrG.png

@font-face {
    font-family: MaidenOrange;
    src: url('/fonts/MaidenOrange.eot');
    src: url('/fonts/MaidenOrange.eot?#iefix') format('embedded-opentype'),
         url('/fonts/MaidenOrange.woff') format('woff'),
         url('/fonts/MaidenOrange.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;	
}
<div style="  
  z-index: 99999;
  top: 565px;
  left: 242px;
  font-family: MaidenOrange;
  color: #FFF;
  font-size: 245px;
  text-align: center;
  height: auto;
  padding: 0 !important;
  background: rgba(0, 0, 0, 0.5);">
  Kalendarz
  <br/>
  <span style="color: #325E95">2015</span>
</div>

在这个例子中,我使用的是MaidenOrange字体。 有没有人有解决这个问题的方法?

抱歉我的英文......

0 个答案:

没有答案