search

Kozea / WeasyPrint

The awesome document factory
https://weasyprint.org
BSD 3-Clause "New" or "Revised" License
7.2k stars 684 forks source link

Image renders fine in PDF but not in print #2248

Closed mxub closed 2 months ago

mxub commented 2 months ago

Hey everyone,

I want to extend the report to build a restaurant menu. Therefore I wanted to replace the page number on the top right with an icon. I'm using the CLI to convert the .html to .pdf.

It renders fine on PDF. But when I want to print the PDF it is wrong. I have the HTML (standalone), Generated PDF, scanned print & Logo attached.

PDF

Xnapper-2024-09-05-13 21 17

Print

Xnapper-2024-09-05-13 20 15 Xnapper-2024-09-05-13 22 09

I tried so far:

I hope someone can point me in the right direction.

HTML code

<html class="mnhrt" data-lt-installed="true">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Speisekarte</title>
  <meta name="description" content="Speisekarte">
  <style>
    :root {
      /* Background Blue #10123A */
      --color-background: rgb(16, 18, 58);

      /* --color-accent: rgb(232, 196, 135); */
      /* Color Accent: #FFF01F */
      --color-accent: rgb(255, 240, 31);

      --font-headings: Jost, sans-serif;
      --font-weight-headings: 400;
      --font-size-headings: 38pt;
      --font-body: Jost, sans-serif;
      --font-weight-body: 300;
      --font-size-body: 9pt;

      --logo-path: ./mnhrt-sqr-dark.png;
    }

    @page {
      @top-left {
        /* background: var(--color-background); */
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWNhcDpzcXVhcmU7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjE1IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIj4KICA8cGF0aCBkPSJNMCAwaDExODExdjExODExSDB6IiBzdHlsZT0iZmlsbDpub25lIiB0cmFuc2Zvcm09Im1hdHJpeCguMDg1IDAgMCAuMDg1IC45NyAwKSIvPgogIDxwYXRoIGQ9Im0uMTgtLjQ3LjIzLjQuMjItLjRMLjcgMGguMDhMLjY5LS43M2wtLjI4LjUtLjI4LS41TC4wNCAwaC4wOWwuMDUtLjQ3WiIgc3R5bGU9ImZpbGw6I0ZGRjAxRjtmaWxsLXJ1bGU6bm9uemVybyIgdHJhbnNmb3JtPSJtYXRyaXgoNDI3LjA0NiAwIDAgNDI3LjA0NiAxODMuODkgNjU2Ljk0KSIvPgogIDxwYXRoIGQ9Ik0uMDgtLjdWMGguMDl2LS4zNGguMzhWMGguMDl2LS43SC41NXYuMjhILjE2Vi0uN0guMDlaIiBzdHlsZT0iZmlsbDojRkZGMDFGO2ZpbGwtcnVsZTpub256ZXJvIiB0cmFuc2Zvcm09Im1hdHJpeCg0MjcuMDQ2IDAgMCA0MjcuMDQ2IDUyOS44IDY1Ni45NCkiLz4KICA8cGF0aCBkPSJNMjY5NiAxODgyLjZoNTkzMi43OHY1ODkwLjQ5SDI2OTZ6IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojRkZGMDFGO3N0cm9rZS13aWR0aDoyNzkuMTZweCIgdHJhbnNmb3JtPSJtYXRyaXgoLjEyNiAuMDE1IC0uMDE1IC4xMjYgLTEzOC43OCAtMTkzLjUyKSIvPgo8L3N2Zz4=") var(--color-background) no-repeat center;
        background-size: 0.8cm 0.8cm;
        color: var(--color-accent);
        /* content: counter(page); */
        content: '';
        height: 1cm;
        text-align: center;
        width: 1cm;
      }

      @top-center {
        background: var(--color-background);
        content: '';
        display: block;
        height: .05cm;
        width: 100%;
      }

      @top-right {
        content: string(heading);
        color: var(--color-background);
        font-size: 9pt;
        height: 1cm;
        vertical-align: middle;
        width: 100%;
      }

      /* @bottom-left {
    background: #FFF01F;
    content: counter(page);
    height: 1cm;
    text-align: center;
    width: 1cm;
  } */

      @bottom-center {
        background: var(--color-background);
        color: var(--color-accent);
        content: 'MANNHART Restaurant & Bar | Am Borsigturm 5 in 13507 Berlin | www.mnhrt.de';
        font-size: 9pt;
        display: block;
        height: 1cm;
        width: 100%;
        vertical-align: middle;
        text-align: center;
      }

      /* @bottom-right {
    content: string(heading);
    font-size: 9pt;
    height: 1cm;
    vertical-align: middle;
    width: 100%;
  } */
    }

    @page :blank {
      @top-left {
        background: none;
        content: ''
      }

      @top-center {
        content: none
      }

      @top-right {
        content: none
      }
    }

    @page no-chapter {
      @top-left {
        background: none;
        content: none
      }

      @top-center {
        content: none
      }

      @top-right {
        content: none
      }
    }

    @page :first {
      /* background: url(report-cover.jpg) no-repeat center; */
      background-size: cover;
      margin: 0;
    }

    @page chapter {
      background: #FFF01F;
      margin: 0;

      @top-left {
        content: none
      }

      @top-center {
        content: none
      }

      @top-right {
        content: none
      }
    }

    html {
      color: #393939;
      font-family: var(--font-body);
      font-size: 11pt;
      font-weight: var(--font-weight-body);
      line-height: 1.5;
    }

    h1 {
      color: var(--color-accent);
      font-family: var(--font-headings);
      font-size: var(--font-size-headings);
      font-weight: var(--font-weight-headings);
      margin: 5cm 2cm 0 2cm;
      page: no-chapter;
      width: 100%;
    }

    h2,
    h3,
    h4 {
      color: black;
      font-weight: 400;
    }

    h2 {
      break-before: always;
      font-size: 28pt;
      string-set: heading content();
    }

    h3 {
      font-weight: 300;
      font-size: 15pt;
    }

    h4 {
      font-size: 13pt;
    }

    #cover {
      align-content: space-between;
      display: flex;
      flex-wrap: wrap;
      height: 297mm;
    }

    #cover address {
      background: #FFF01F;
      flex: 1 50%;
      margin: 0 -2cm;
      padding: 1cm 0;
      white-space: pre-wrap;
    }

    #cover address:first-of-type {
      padding-left: 3cm;
    }

    #contents {
      break-before: right;
      break-after: left;
      page: no-chapter;
    }

    #contents h2 {
      font-size: 20pt;
      font-weight: 400;
      margin-bottom: 3cm;
    }

    #contents h3 {
      font-weight: 500;
      margin: 3em 0 1em;
    }

    #contents h3::before {
      background: #FFF01F;
      content: '';
      display: block;
      height: .08cm;
      margin-bottom: .25cm;
      width: 2cm;
    }

    #contents ul {
      list-style: none;
      padding-left: 0;
    }

    #contents ul li {
      border-top: .25pt solid #c1c1c1;
      margin: .25cm 0;
      padding-top: .25cm;
    }

    #contents ul li::before {
      color: #FFF01F;
      content: '• ';
      font-size: 40pt;
      line-height: 16pt;
      vertical-align: bottom;
    }

    #contents ul li a {
      color: inherit;
      text-decoration-line: inherit;
    }

    #contents ul li a::before {
      content: target-text(attr(href));
    }

    #contents ul li a::after {
      color: #FFF01F;
      content: target-counter(attr(href), page);
      float: right;
    }

    .columns section {
      columns: 2;
      column-gap: 1cm;
      padding-top: 1cm;
    }

    .columns section p {
      text-align: justify;
    }

    .columns section p:first-of-type {
      font-weight: 600;
    }

    .columns h1 {
      background: #FFF01F;
      margin: 0 -3cm 1cm;
      padding: 1cm 1cm 1cm 3cm;
      width: 21cm;
    }

    #skills h1 {
      background: #FFF01F;
      margin: 0 -3cm 1cm;
      padding: 1cm 1cm 1cm 3cm;
      width: 21cm;
    }

    #skills section {
      padding: .5cm 0;
    }

    #skills section#table-content::before,
    #skills section#heading::before,
    #skills section#multi-columns::before,
    #skills section#internal-links::before,
    #skills section#style::before {
      background-color: #FFF01F;
      content: '';
      display: inline-block;
      float: left;
      height: 2cm;
      margin-right: .5cm;
      vertical-align: middle;
      width: 2cm;
    }

    #skills section h4 {
      margin: 0;
    }

    #skills section p {
      margin-top: 0;
    }

    #offers {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    #offers h2,
    #offers h3 {
      width: 100%;
    }

    #offers section {
      width: 30%;
    }

    #offers section h4 {
      margin-bottom: 0;
    }

    #offers section ul {
      list-style: none;
      margin: 0;
      padding-left: 0;
    }

    #offers section ul li:not(:last-of-type) {
      margin: .5cm 0;
    }

    #offers section p {
      background: #FFF01F;
      display: block;
      font-size: 15pt;
      font-weight: 600;
      margin-bottom: 0;
      padding: .25cm 0;
      text-align: center;
    }

    #chapter {
      align-items: center;
      display: flex;
      height: 297mm;
      justify-content: center;
      page: chapter;
    }

    #typography section {
      display: flex;
      flex-wrap: wrap;
      margin: 1cm 0;
    }

    #typography section h4 {
      border-top: 1pt solid;
      flex: 1 25%;
      margin: 0;
    }

    #typography section h4+* {
      flex: 1 75%;
      margin: 0;
      padding-left: .5cm;
    }

    #typography section p {
      text-align: justify;
    }

    #typography section ul {
      line-height: 2;
      list-style: none;
    }

    #typography section#small-caps p {
      font-variant: small-caps;
    }

    #typography section#ligatures dl {
      display: flex;
      flex-wrap: wrap;
    }

    #typography section#ligatures dl dt {
      font-weight: 400;
      width: 30%;
    }

    #typography section#ligatures dl dd {
      flex: 1 70%;
      margin: 0;
      padding: 0;
    }

    #typography section#ligatures .none {
      font-variant-ligatures: none;
    }

    #typography section#ligatures .common {
      font-variant-ligatures: common-ligatures;
    }

    #typography section#ligatures .discretionary {
      font-variant-ligatures: discretionary-ligatures;
    }

    #typography section#ligatures .contextual {
      font-variant-ligatures: contextual;
    }

    #typography section#numbers dl {
      display: flex;
      flex-wrap: wrap;
    }

    #typography section#numbers dl dt {
      font-weight: 400;
      width: 30%;
    }

    #typography section#numbers dl dd {
      flex: 1 70%;
      margin: 0;
      padding: 0;
    }

    #typography section#numbers #fractions {
      font-variant-numeric: diagonal-fractions;
    }

    #typography section#numbers #ordinals {
      font-variant-numeric: ordinal;
    }

    #typography section#numbers #slashed {
      font-variant-numeric: slashed-zero;
    }

    #typography section#numbers #super {
      font-variant-position: super;
    }

    #typography section#numbers #sub {
      font-variant-position: sub;
    }

    #typography section#figures dl {
      columns: 4;
    }

    #typography section#figures dl dt {
      font-weight: 400;
    }

    #typography section#figures dl dd {
      display: flex;
      margin: 0;
      padding: 0;
    }

    #typography section#figures dl dd ul {
      padding: 0 1em 0 0;
    }

    #typography section#figures #oldstyle {
      font-variant-numeric: oldstyle-nums;
    }

    #typography section#figures #tabular {
      font-variant-numeric: tabular-nums;
    }

    #typography section#figures #old-tabular {
      font-variant-numeric: oldstyle-nums tabular-nums;
    }

    .menu-item {
      margin-bottom: 15px;
      padding-bottom: 5px;
      border-bottom: 1px solid #ddd;
      page-break-inside: avoid;
    }

    .menu-item-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .menu-item-name {
      font-weight: bold;
    }

    .menu-item-price {
      font-weight: bold;
    }

    /* .menu-item-dots {
  flex-grow: 1;
  border-bottom: 1px dotted #000;
  margin: 0 10px;
} */

    .menu-item-description {
      padding-top: 5px;
      color: #555;
    }

    .dietary-info {
      padding-top: 3px;
      font-style: italic;
      color: #888;
    }

    /* Two-column layout for items */
    @media print {
      .menu-item-header {
        page-break-inside: avoid;
      }

      .menu-item {
        page-break-inside: avoid;
      }
    }
  </style>
</head>

<body>
  <article id="cover">
    <h1>Speisen &amp; Getränke</h1>
    <address>
      MANNHART Restaurant &amp; Bar
      Am Borsigturm 5
      13507 Berlin
    </address>
    <address>
      Email: info@hab.berlin
      Website: www.mannhart.berlin
    </address>
  </article>

  <article class="columns">
    <h2 id="columns-antipasti-salat">Antipasti &amp; Salat</h2>
    <h3></h3>
    <section>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Bruschetta</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">5,00&nbsp;€</span>
        </div>
        <div class="menu-item-description">4 pieces</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Antipasto Gattopardo</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Mixed starter plate with various vegetables, cheese and Italian sausage</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Antipasto Vegetariano</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">With various grilled vegetables</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Carpaccio di Manzo</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">12,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Beef carpaccio with rocket, mushrooms, parmesan</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Bufala</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">12,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Buffalo mozzarella with Parma ham, cherry tomatoes on rocket</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Parma e melon</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">13,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Honeydew melon with Parma ham</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Frutti di Mare</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">13,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Fresh seafood salad</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Funghi Ripieni</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Mushrooms stuffed with spinach and gorgonzola, cream sauce, au gratin</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Broccoli al forno</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Broccoli, boiled ham, cream sauce, au gratin</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pecorino su rucola</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Feta cheese with olives, cherry tomatoes au gratin on rocket</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Insalata Pomodoro</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">6,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomato salad with onions</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Insalata Cetrioli</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">7,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Cucumber salad with onions</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Insalata Mista</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">7,00&nbsp;€</span>
        </div>
        <div class="menu-item-description">Mixed salad</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Insalata Tonno</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Mixed salad with tuna and egg</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Insalata Pecorino</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Mixed salad with feta cheese and egg</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Insalata Gattopardo</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">11,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Mixed salad with egg, artichokes, olives, onions, anchovy, feta cheese</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Insalata Rucola e Parmigiano</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,00&nbsp;€</span>
        </div>
        <div class="menu-item-description">Rocket salad with cherry tomatoes and parmesan</div>
      </div>
    </section>
  </article>
  <article class="columns">
    <h2 id="columns-pizza">Pizza</h2>
    <h3></h3>
    <section>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Funghi</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,00&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, frische Champignons</div>
        <div class="dietary-info">
          vegetarian
        </div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Margherita</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">8,00&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Basilikum</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Salame</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,00&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Salami</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Prosciutto</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,00&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Kochschinken</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Sicilia</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Sardelle, Olive, Kapern, Knoblauch</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Tonno e Cipolla</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">11,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Thunfisch, Zwiebeln</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Mista</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Salami, Kochschinken, Champignons</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Tricolore</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Spinat, Gorgonzola, Cherrytomaten</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Vegetariana</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, frischem Gemüse</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Italiana</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Rucola, Cherrytomaten, Parmesan</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Parma</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">12,50&nbsp;€</span>
        </div>
        <div class="menu-item-description"></div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Mare</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">13,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Meeresfrüchte, Petersilie, Knoblauch</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Gattopardo</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">12,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, scharfe Salami, Rucola, Parmesan</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Calzone</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Salami, Kochschinken, Champignons</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Capricciossa</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">13,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Kochschinken, Oliven, Artischocken, Ei, Würstchen,
          Champignons</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Quattro Formaggi</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">11,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, vier Käsesorten</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Parmigiana</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">11,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Kochschinken, Aubergine, Ei, Parmesan</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Marinara</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">7,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Knoblauch, Oregano, Basilico</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Focaccia</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">6,00&nbsp;€</span>
        </div>
        <div class="menu-item-description">Pizzabrot mit Rosmarin, Olivenöl</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Focaccia bianca</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Mozzarella, Tiroler Speck, Gorgonzola</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Scampi</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">13,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Scampi, Knoblauch, Petersilie</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Tirolese</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">11,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Tiroler Speck, frische Champignons, Parmesan</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Salmone</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">13,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, frischer Lachs, Rucola, Cherrytomaten</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Bresaola</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">14,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Tomate, Mozzarella, Bresaola, Rucola, Parmesan, Walnüsse</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Palma di Montechiaro</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">13,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Mozzarella, hausgemachtes frisches Basilikum-Pesto, Cherrytomaten, Parmesan,
          Pinienkerne, Büffelmozzarella</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Bufala</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">13,90&nbsp;€</span>
        </div>
        <div class="menu-item-description"></div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Marina di Palma</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">13,90&nbsp;€</span>
        </div>
        <div class="menu-item-description"></div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Tartufo</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">14,90&nbsp;€</span>
        </div>
        <div class="menu-item-description"></div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Salsiccia Mascarpone Parma</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">14,90&nbsp;€</span>
        </div>
        <div class="menu-item-description"></div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Salsiccia e Crema di Tartufo</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">14,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Pizza mit Salsiccia &amp; Trüffelcreme</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Pizza Mortadella</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">15,90&nbsp;€</span>
        </div>
        <div class="menu-item-description"></div>
      </div>
    </section>
  </article>
  <article class="columns">
    <h2 id="columns-pasta">Pasta</h2>
    <h3></h3>
    <section>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Lasagna al forno</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">11,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Hausgemachter Nudelauflauf mit Fleischsauce, mit Käse überbacken</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Lasagne Vegetale</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Schichten aus hausgemachtem Nudelteig, gemischt mit einer Vielfalt an
          gegrilltem Gemüse und überbacken mit Käse</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Cannelloni con carne</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Gefüllte Röhrennudeln mit gemischtem Hackfleisch, Tomaten-Sahnesauce, mit
          Käse überbacken</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Cannelloni ricotta e spinaci</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">10,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Gefüllte Röhrennudeln mit Ricottakäse, Spinat, Sahnesauce, mit Käse
          überbacken</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Gnocchi ai Funghi Porcini</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">14,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Hausgemachte Gnocchi mit aromatischen Steinpilzen in einer leichten
          Sahnesauce</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Gnocchi Rote-Bete-Mascarpone-Walnuss</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">14,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Hausgemachte Gnocchi mit Rote-Bete-Mascarpone-Füllung, garniert mit
          gerösteten Walnüssen</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Tagliatelle al Pesto</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">11,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Frische Tagliatelle in einem klassischen, hausgemachten Basilikum-Pesto</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Ravioli Ricotta-Spinat</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">14,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Frische Ravioli gefüllt mit einer cremigen Ricotta-Spinat-Mischung, serviert
          in einer sanften Tomatensauce</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Penne Carbonara</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Klassische Penne Carbonara mit knusprigem Speck, Ei und einer cremigen Sauce
        </div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Penne gorgonzola e Noci</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">9,90&nbsp;€</span>
        </div>
        <div class="menu-item-description">Penne in einer reichhaltigen Gorgonzolasauce, verfeinert mit knackigen
          Walnüssen</div>
      </div>
      <div class="menu-item">
        <div class="menu-item-header">
          <span class="menu-item-name">Penne con Salsiccia e Broccoli</span>
          <span class="menu-item-dots"></span>
          <span class="menu-item-price">11,50&nbsp;€</span>
        </div>
        <div class="menu-item-description">Penne mit italienischer Salsiccia (Wurst) und frischem Broccoli in einer
          leichten Tomatensauce</div>
      </div>
    </section>
  </article>
</body>

</html>
liZe commented 2 months ago

Hi!

When the PDF is rendered correctly in the reader and is broken when printed, then it’s often caused by a bug in the printer. And unfortunately for you, it looks like it’s the case here: the PDF is printed correctly with our printer.

You can try to upgrade your printer’s driver and see if it fixes the problem. If it doesn’t, you can try to convert your PDF into another PDF with a command like gs -dBATCH -dNOPAUSE -sDEVICE=pdfwrite -sOutputFile=output_filename.pdf input_filename.pdf, and hope that your printer will like this equivalent PDF better.

mxub commented 2 months ago

That was the issue. After installing a new driver for the printer, it works fine. Thank you for your help. :)