Ho creato una pagina html dove vengono riportati alcuni caratteri "vintage".
Se si visualizza questa pagina nel browser si vedranno il nome di ciascun carattere e come si vedrà una volta pubblicata la pagina web.
Ecco di seguito il sorgente della pagina:
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>Prova Caratteri Vintage</title>
<!-- Qui colleghiamo i font di Google -->
<link rel="preconnect" href="https://googleapis.com">
<link rel="preconnect" href="https://gstatic.com" crossorigin>
<link href="https://googleapis.com/css2?family=Courier+Prime&family=Share+Tech+Mono&family=Special+Elite&display=swap" rel="stylesheet">
<style>
body { font-family: sans-serif; padding: 20px; line-height: 1.6; background-color: #fcfbf9; color: #222; }
h2 { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-top: 30px; }
.box { padding: 15px; background: #fff; border: 1px solid #ddd; border-radius: 4px; }
/* Classi CSS per ogni carattere */
.courier-new { font-family: "Courier New", Courier, monospace; }
.lucida { font-family: "Lucida Console", Monaco, monospace; }
.share-tech { font-family: "Share Tech Mono", monospace; }
.special-elite { font-family: "Special Elite", monospace; }
.courier-prime { font-family: "Courier Prime", monospace; }
</style>
</head>
<body>
<h1>Anteprima Caratteri Vintage</h1>
<h2>Stile PC Vecchio</h2>
<div class="box courier-new">
<strong>Courier New:</strong> Il computer classico. Nel mezzo del cammin di nostra vita. 1234567890
</div>
<br>
<div class="box lucida">
<strong>Lucida Console:</strong> Stile terminale DOS. Nel mezzo del cammin di nostra vita. 1234567890
</div>
<br>
<div class="box share-tech">
<strong>Share Tech Mono:</strong> Schermo fantascientifico. Nel mezzo del cammin di nostra vita. 1234567890
</div>
<h2>Stile Macchina da Scrivere</h2>
<div class="box special-elite">
<strong>Special Elite:</strong> Tasti e inchiostro reale. Nel mezzo del cammin di nostra vita. 1234567890
</div>
<br>
<div class="box courier-prime">
<strong>Courier Prime:</strong> Sceneggiatura cinematografica. Nel mezzo del cammin di nostra vita. 1234567890
</div>
</body>
</html>