Web to print

Présentation

Le web to print est un procédé de mise en page qui consiste à produire un fichier imprimable uniquement à partir de code web, ce qui permet de créer une mise en page pleinement open source.

Plusieurs frameworks existent pour permettre une mise en page automatique d'un document web, le plus connu étant paged.js, facilitant le processus en proposant une pagination automatique et en proposant des balises css pour modifier l'apparence page par page.

Exemples

@font-face {
  font-family: "Hedvig";
  src:
    url("fonts/HedvigLettersSerif-Regular.ttf")
}

@font-face {
  font-family: "Compagnon";
  src:
    url("fonts/Compagnon-Bold.otf")
}

@font-face {
  font-family: "CodeNewRoman";
  src:
    url("fonts/CodeNewRomanNerdFont-Regular.otf")
}

html, body{
  font-size:9pt;
}

@page {
  size: A5;
  margin-top: 10mm;
  margin-bottom: 10mm;
}

@page:left {
  margin-right: 10mm;
  margin-left: 15mm;
}

@page:right {
  margin-left: 10mm;
  margin-right: 15mm;
}

@page:first {
}

Ce snippet de code css me permet de modifier les marges selon les pages, de modifier la mise en page selon l'orientation de la page et son nombre, en utilisant des selecteurs css.

Références

[1]