Fancy Font Generator Tool
Fancy Font Generator Tool
body {
margin: 0;
padding: 0;
font-family: sans-serif;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 50px;
}
h1 {
font-size: 2.5rem;
margin-bottom: 30px;
text-align: center;
}
.input-section,
.font-selection,
.output-section {
margin-bottom: 30px;
}
label {
display: block;
margin-bottom: 10px;
}
textarea {
width: 100%;
height: 150px;
padding: 10px;
border: 2px solid #ccc;
border-radius: 4px;
resize: vertical;
}
select {
width: 100%;
padding: 10px;
border: 2px solid #ccc;
border-radius: 4px;
}
#output {
border: 2px solid #ccc;
border-radius: 4px;
padding: 10px;
font-size: 1.5rem;
}
const textInput = document.getElementById("text-input");
const fontSelect = document.getElementById("font-select");
const output = document.getElementById("output");
function updateOutput() {
const selectedFont = fontSelect.value;
const fancyText = `
${textInput.value}
Comments
Post a Comment