Custom Bon - PrintPro

Custom HTML Editor

Printer status...

HTML Editor

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            width: 72mm;
            margin: 0;
            padding: 0;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 12pt;
            color: #000;
            background: #fff;
            line-height: 1.4;
        }
        .receipt {
            padding: 4mm 2mm;
        }
        h1 {
            font-size: 16pt;
            text-align: center;
            margin-bottom: 4mm;
            border-bottom: 2px solid #000;
            padding-bottom: 2mm;
        }
        p {
            margin-bottom: 2mm;
        }
    </style>
</head>
<body>
    <div class="receipt">
        <h1>Custom Bon</h1>
        <p>Pas deze HTML aan naar wens!</p>
        <p>Je kunt volledige HTML/CSS gebruiken.</p>
    </div>
</body>
</html>

Gebruik inline CSS voor het beste resultaat. Breedte: 72mm.

HTML Editor

Live Voorbeeld