Font Preview body { background-color: #f8f8f8; font-family: 'Muli', sans-serif; } .container { max-width: 800px; margin: 0 auto; padding: 20px; } h1 { text-align: center; margin: 20px 0; } p { text-align: center; } .preview-container { display: flex; align-items: center; justify-content: center; margin: 20px 0; } input[type="text"] { font-size: 24px; padding: 10px; border: 4px solid #8A9A5B; border-radius: 4px; width: 100%; } #preview { font-size: 48px; text-align: center; color: red; } Font Preview Enter a sentence to see how it looks in the Muli font: Enter your text here... function previewText() { const sentenceInput = document.getElementById("sentence"); let sentence = sentenceInput.value; if (sentence === "") { sentence = "Enter your text here..."; } document.getElementById("preview").innerHTML = sentence; }
