<h1>Barcode Example</h1>

<p class="barcode font-xl">
  Hello World
</p>

<p class="barcode-text font-xl">
  Hello World
</p>

<p class="barcode-text font-xl">
  123456789
</p>
* {
  font-family: system-ui, sans-serif;
}

body {
  text-align: center;
}

.barcode-text {
  font-family: "Libre Barcode 39 Text", system-ui;
  font-weight: 400;
  font-style: normal;
}

.barcode {
  font-family: "Libre Barcode 39", system-ui;
  font-weight: 400;
  font-style: normal;
}

.font-xl {
  font-size: 45px;
}
Run Pen

External CSS

  1. https://fonts.googleapis.com/css2?family=Libre+Barcode+39&amp;family=Libre+Barcode+39+Text&amp;display=swap

External JavaScript

This Pen doesn't use any external JavaScript resources.