{ if (font.google) { const link = document.createElement('link'); link.href = `https://fonts.googleapis.com/css2?family=${font.google}&display=swap`; link.rel = "stylesheet"; document.head.appendChild(link); } }); /* GRID OPBOUWEN */ function bouwGrid(tekst, size) { grid.innerHTML = ""; fonts.forEach((font, i) => { const item = document.createElement('div'); item.style.textAlign = "center"; item.style.width = "100%"; item.style.maxWidth = "460px"; item.style.border = "1px solid #ddd"; item.style.padding = "20px"; item.style.borderRadius = "10px"; item.style.background = "#fafafa"; const nummer = document.createElement('p'); nummer.textContent = (i + 1) + ". " + font.name; nummer.style.fontSize = "20px"; nummer.style.marginBottom = "20px"; nummer.style.fontWeight = "normal"; item.appendChild(nummer); const example = document.createElement('p'); example.textContent = tekst; example.style.fontFamily = font.css; example.style.fontSize = size + "px"; example.style.margin = "0"; example.style.letterSpacing = "1.5px"; example.style.fontWeight = "300"; // dunnere voorbeeldtekst item.appendChild(example); grid.appendChild(item); }); } /* STARTWAARDE */ bouwGrid("Caketoppers.nl", 32); /* EVENT LISTENERS */ document.getElementById('klant-tekst').addEventListener('input', function() { const size = document.getElementById('font-size-slider').value; bouwGrid(this.value || "Voorbeeldtekst", size); }); document.getElementById('font-size-slider').addEventListener('input', function() { document.getElementById('slider-value').textContent = this.value + "px"; const tekst = document.getElementById('klant-tekst').value || "Caketoppers"; bouwGrid(tekst, this.value); }); " />

  • Naamplaatje enkel voorkant

  • Naamplaatje enkel voorkant

Naamplaatje enkel voorkant

Naamplaatje enkel voorkant

Model:
Beschikbaarheid:
naamplaat enkel
75
€5,75

Beschikbare opties:

Verlanglijst Product vergelijk