Don't like ads? PRO users don't see any ads ;-)
Guest

dompdf font metrics problem example

By: a guest on Jun 20th, 2012  |  syntax: HTML 5  |  size: 3.11 KB  |  hits: 60  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.        
  5.         <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"/>
  6.   <style type="text/css">
  7. html {
  8.     font-family: "DejaVu Sans", sans-serif;
  9.     font-size: 8pt;
  10.     border: 1px solid green;
  11. }
  12. body {
  13.     border: 1px solid blue;
  14. }
  15.  
  16. h1 {
  17.     border-top: 1pt solid black;
  18.     font-family: "DejaVu Sans", sans-serif;      
  19.     font-size: 9pt;
  20. }
  21. h2 {
  22.     font-family: "DejaVu Sans", sans-serif;              
  23.     text-align: center;
  24.     font-size: 9pt;
  25. }
  26. p {
  27.     text-align: justify;
  28.     border: 1px dotted green;
  29. }
  30.  
  31. li {
  32.     border: 1px dashed red;
  33. }
  34. </style>
  35.      
  36.         <title>Statement of Reseller for Dual-Use products</title>
  37.     </head>
  38.     <body>
  39. <h1>Form no WSK 5.4 Statement of Reseller for Dual-Use products</h1>
  40. <p id="version">
  41.     Version 4<br/>
  42.     Valid from July 1<sup>st</sup>, 2012
  43. </p>
  44. <p id="stamp_box">
  45.     Company stamp / official seal
  46.     Place, date
  47. </p>
  48. <p>
  49.     On behalf of Użytkownik testowy  with registered office at  I certify, that:
  50. </p>
  51. <ol>
  52.     <li>
  53.         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis nisl in libero adipiscing luctus. In hac habitasse platea dictumst. Ut molestie, turpis vitae convallis scelerisque, eros dolor aliquet justo, vel varius mauris dolor at eros. Pellentesque et augue arcu, quis facilisis diam. Pellentesque enim sapien, pellentesque ut porttitor vitae, tristique in nisi. Ut euismod vehicula gravida. Vestibulum accumsan felis non eros placerat a sagittis eros gravida. In aliquet purus dui. Integer elit nisl, ultrices nec molestie nec, molestie eget orci. Maecenas auctor dui et erat tempus feugiat. Ut varius tempus leo, sed pulvinar ante lacinia quis. Cras id diam eu diam interdum vestibulum.
  54.     </li>
  55.     <li><p>This list item has two paragraphs as children</p>
  56.         <p>Nulla et vehicula lectus. Vivamus vitae neque vitae lectus blandit ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus bibendum, libero aliquam viverra faucibus, ligula ligula vulputate libero, vitae auctor ante quam at lacus. Mauris posuere odio quis dui pretium sagittis. Fusce posuere molestie nunc, eu faucibus ligula lobortis sed. Aenean eu leo lorem, at pharetra erat. Etiam vel odio augue.
  57.  
  58.  
  59.         </p>
  60.     </li>
  61. </ol>
  62. <p>
  63.         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis nisl in libero adipiscing luctus. In hac habitasse platea dictumst. Ut molestie, turpis vitae convallis scelerisque, eros dolor aliquet justo, vel varius mauris dolor at eros. Pellentesque et augue arcu, quis facilisis diam. Pellentesque enim sapien, pellentesque ut porttitor vitae, tristique in nisi. Ut euismod vehicula gravida. Vestibulum accumsan felis non eros placerat a sagittis eros gravida. In aliquet purus dui. Integer elit nisl, ultrices nec molestie nec, molestie eget orci. Maecenas auctor dui et erat tempus feugiat. Ut varius tempus leo, sed pulvinar ante lacinia quis. Cras id diam eu diam interdum vestibulum.
  64. </p>
  65. <p class="over-signature">For and on behalf of Użytkownik testowy </p>
  66.     </body>
  67. </html>