How to CSS style the PDF output

1,514 views
Skip to first unread message

lee

unread,
Nov 17, 2011, 1:11:03 AM11/17/11
to dom...@googlegroups.com
PROBLEM

when i saved the the HTML to PDF using DOMPDF it does not keep the ariel font in the body tag and just prints the old fashion standard font, you can open the plain old html and you will see the arial font text in the web page but not in the PDF output...very frustrating... this should be buit into the DOMPDF Class. and if i don't us the BR/> tag in the html page... the text in the PDF flys off the page...help ASAP
 
HTML PAGE
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title></head>
<body style="font-family:Arial, Helvetica, sans-serif">
<table width="757" border="0" align="left" style="font:Arial, Helvetica, sans-serif" >
  <tr>
    <td>JIMMEY BROWN</td>
  </tr>
  <tr>
    <td>5/10 Macpson St Dandenong Vic 3175</td>
  </tr>
  <tr>
    <td>Mobile: 041515882864</td>
  </tr>
  <tr>
    <td>jim...@gmail.com</td>
  </tr>
  <tr>
  <td><p>14 November 2011</p></t>  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><p>Dear </p></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><p>I am applying   for the Warehousing position (Ref 30129), with yahoo, as advertised online at   'seek' on 19 Jan 2010. </p></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>
  <p>I would like to express my interest in this opportunity you have to offer,
  which with my current background and experience match the requirements for this position,
  I posses a broad range of skills to perform effectively and productive in a warehousing environment,
  developed through industry skills based training and substantial progression and committed productivity within the work place,
  I have previously completed a Certificate IV in (Warehousing Operations)
  which has provided me with skills and knowledge required for this field.</p>
  </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><table cellspacing="0" cellpadding="0" class="">
      <tr>
        <td >Highly self-motivated and self-reliant, considerable stock and load handling experience</td>
      </tr>
      <tr>
        <td>Highly developed communication skills, highly experienced in warehousing operations</td>
      </tr>
      <tr>
        <td>Applied competency, certified with 2 nationally recognized industry qualifications</td>
      </tr>
      <tr>
        <td>Certified Victoria forklift truck licensed to perform high risk work</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>
 <p>I am very keen to commit building on these skills, to greatly contribute towards long term career developments, <br/>
 and to add value to a successful company, in addition I have attached a PDF formatted resume which contains concise descriptions of valued skills relevant for this position;<br/>
   I look forward to a response from you to discuss this great opportunity you have to offer. </p>    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><p>Thank you for your consideration.</p></td>
  </tr>
</table>
</body>
</html>
 
PHP CODE
 
<?php
require("G:/xampplite/htdocs/PDF_Libary/dompdf052/dompdf/dompdf_config.inc.php");
require("G:/xampplite\htdocs/PDF_Libary/dompdf052/dompdf/include/stylesheet.cls.php");
$files = "
http://localhost/PDF_Libary/Untitled-8.html";
static $PAPER_SIZES = array(
"4a0" => array(0,0,4767.87,6740.79),
    "2a0" => array(0,0,3370.39,4767.87),
    "a0" => array(0,0,2383.94,3370.39),
    "a1" => array(0,0,1683.78,2383.94),
    "a2" => array(0,0,1190.55,1683.78),
    "a3" => array(0,0,841.89,1190.55),
    "a4" => array(0,0,595.28,841.89),
    "a5" => array(0,0,419.53,595.28),
    "a6" => array(0,0,297.64,419.53),
    "a7" => array(0,0,209.76,297.64),
    "a8" => array(0,0,147.40,209.76),
    "a9" => array(0,0,104.88,147.40),
    "a10" => array(0,0,73.70,104.88),
    "b0" => array(0,0,2834.65,4008.19),
    "b1" => array(0,0,2004.09,2834.65),
    "b2" => array(0,0,1417.32,2004.09),
    "b3" => array(0,0,1000.63,1417.32),
    "b4" => array(0,0,708.66,1000.63),
    "b5" => array(0,0,498.90,708.66),
    "b6" => array(0,0,354.33,498.90),
    "b7" => array(0,0,249.45,354.33),
    "b8" => array(0,0,175.75,249.45),
    "b9" => array(0,0,124.72,175.75),
    "b10" => array(0,0,87.87,124.72),
    "c0" => array(0,0,2599.37,3676.54),
    "c1" => array(0,0,1836.85,2599.37),
    "c2" => array(0,0,1298.27,1836.85),
    "c3" => array(0,0,918.43,1298.27),
    "c4" => array(0,0,649.13,918.43),
    "c5" => array(0,0,459.21,649.13),
    "c6" => array(0,0,323.15,459.21),
    "c7" => array(0,0,229.61,323.15),
    "c8" => array(0,0,161.57,229.61),
    "c9" => array(0,0,113.39,161.57),
    "c10" => array(0,0,79.37,113.39),
    "ra0" => array(0,0,2437.80,3458.27),
    "ra1" => array(0,0,1729.13,2437.80),
    "ra2" => array(0,0,1218.90,1729.13),
    "ra3" => array(0,0,864.57,1218.90),
    "ra4" => array(0,0,609.45,864.57),
    "sra0" => array(0,0,2551.18,3628.35),
    "sra1" => array(0,0,1814.17,2551.18),
    "sra2" => array(0,0,1275.59,1814.17),
    "sra3" => array(0,0,907.09,1275.59),
    "sra4" => array(0,0,637.80,907.09),
    "letter" => array(0,0,612.00,792.00),
    "legal" => array(0,0,612.00,1008.00),
    "ledger" => array(0,0,1224.00, 792.00),
    "tabloid" => array(0,0,792.00, 1224.00),
    "executive" => array(0,0,521.86,756.00),
    "folio" => array(0,0,612.00,936.00),
    "commercial #10 envelope" => array(0,0,684,297),
    "catalog #10 1/2 envelope" => array(0,0,648,864),
    "8.5x11" => array(0,0,612.00,792.00),
    "8.5x14" => array(0,0,612.00,1008.0),
    "11x17"  => array(0,0,792.00, 1224.00),
  );
$dompdf = new DOMPDF();
$css = new Stylesheet();
$dompdf->set_paper($PAPER_SIZES['a4'], 'portrait');
//$dompdf->set_base_path();
$dompdf->load_html_file($files);
$dompdf->render();
$pdf = $dompdf->output();
file_put_contents("saved_pdf.pdf", $pdf);
?>
saved_pdf.pdf

BrianS

unread,
Nov 18, 2011, 5:19:59 PM11/18/11
to dom...@googlegroups.com
On Thursday, November 17, 2011 1:11:03 AM UTC-5, lee wrote:
PROBLEM

when i saved the the HTML to PDF using DOMPDF it does not keep the ariel font in the body tag and just prints the old fashion standard font, you can open the plain old html and you will see the arial font text in the web page but not in the PDF output...very frustrating... this should be buit into the DOMPDF Class. and if i don't us the BR/> tag in the html page... the text in the PDF flys off the page...help ASAP


Which version of DOMPDF? I'm seeing issues with 0.5.1, but 0.6.0 (beta 2) display the correct font. I seem to recall some font issues with that version, but I don't remember the details. If you can't upgrade to 0.6.0 that would be the best solution. Otherwise, try swapping arial and helvetica in your style declaration.

FYI, Arial isn't built into dompdf. It's not part of the core PDF fonts. The core fonts include Helvetica, Courier and Times (plus Symbol and Zapf Dingbats, but those are difficult to use in dompdf).

As for the width problem, your table is set too wide for a standard page. dompdf equates pixels with points (for most cases). You specify A4 which has a pt width of 595, but your table has a width of 757. Unless you meant to use landscape orientation your table will be too wide. Either use less than 595 or, to make it easy, use 100%.

-b

Lee

unread,
Nov 18, 2011, 5:46:53 PM11/18/11
to dom...@googlegroups.com
Yeah I got it all working in the end that day...works wonders cheers 

Sent from my iPod
--
You received this message because you are subscribed to the Google Groups "dompdf" group.
To view this discussion on the web visit https://groups.google.com/d/msg/dompdf/-/mNn-R2FL8oAJ.
To post to this group, send email to dom...@googlegroups.com.
To unsubscribe from this group, send email to dompdf+un...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/dompdf?hl=en.

Sandeep Bangarh

unread,
Oct 23, 2015, 9:35:28 AM10/23/15
to dompdf, leeha...@gmail.com
please see my problem this is my fiddle code :
https://jsfiddle.net/sanbangarh/y29oyaqf/embedded/result/
Reply all
Reply to author
Forward
0 new messages