<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	 xmlns:media="http://search.yahoo.com/mrss/" >

<channel>
	<title>stylish &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/stylish/feed/" rel="self" type="application/rss+xml" />
	<link>https://whatfontfinder.com</link>
	<description>Find fonts for your favorite movies, logos, brands, music, and books.</description>
	<lastBuildDate>Sat, 09 Dec 2023 12:38:39 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://whatfontfinder.com/wp-content/uploads/2023/10/Whatfontfinder-icon.png</url>
	<title>stylish &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Zara Font</title>
		<link>https://whatfontfinder.com/zara-font/</link>
					<comments>https://whatfontfinder.com/zara-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 09 Dec 2023 12:38:37 +0000</pubDate>
				<category><![CDATA[Fashion]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Classic Font]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[elegant]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[luxury]]></category>
		<category><![CDATA[magazine]]></category>
		<category><![CDATA[minimal]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Serif Font]]></category>
		<category><![CDATA[sleek]]></category>
		<category><![CDATA[stylish]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Zara font]]></category>
		<category><![CDATA[Zara logo]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2627</guid>

					<description><![CDATA[Discover the elegant Didot font, the typographic choice behind the Zara brand logo, designed by Adrian Frutiger and available through Linotype. For a free alternative, consider the Bavex font, ready for commercial and personal use. Zara, a trendsetting global fashion brand, is a part of the Inditex Group and operates over 7,000 stores worldwide. Renowned for its rapid, responsive production system, Zara frequently updates its collections, drawing inspiration from runways, celebrities, and street styles.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Zara Font Generator</h2>



<div id="fontPreviewContainer"></div>

    <script type="text/javascript">
        const FONT_BASE_URL = "https://whatfontfinder.com/wp-content/fonts/";

        const fontData = [
            { name: "Didot-Title-font", file: "Didot-Title.otf ", statement: "Exact" },
            { name: "Bavex-font", file: "Bavex.ttf ", statement: "Alternative" }
        ];

    const previewContainer = document.getElementById("fontPreviewContainer");
    const fontPreviews = {};

// Add the h3 font label at the top of the preview container
const h3Label = document.createElement('h3');
h3Label.innerText = 'Font Used';
h3Label.className = 'fonth3'; // Assigning the class
previewContainer.appendChild(h3Label);

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'ZARA');
            input.addEventListener('input', updateFontPreviews);
        } else if (idx === 1) {
            input.setAttribute('type', 'color');
            input.setAttribute('value', '#000');
            input.addEventListener('input', updateFontPreviews);
        } else {
            input.setAttribute('type', 'range');
            input.setAttribute('min', '10');
            input.setAttribute('max', '150');
            input.setAttribute('value', '60');
            input.addEventListener('input', updateFontPreviews);
        }
        inputRow.appendChild(label);
        inputRow.appendChild(input);
        controlsContainer.appendChild(inputRow);
    });
    previewContainer.appendChild(controlsContainer);

    function updateFontPreviews() {
        const type = controlsContainer.querySelector('input[type="text"]').value;
        const color = controlsContainer.querySelector('input[type="color"]').value;
        const size = controlsContainer.querySelector('input[type="range"]').value + 'px';
        Object.values(fontPreviews).forEach(preview => {
            preview.style.color = color;
            preview.style.fontSize = size;
            preview.innerText = type;
        });
    }

    function generateImageAndDownload(previewElement) {
        const canvas = document.createElement("canvas");
        canvas.width = previewElement.offsetWidth;
        canvas.height = previewElement.offsetHeight;
        const ctx = canvas.getContext("2d");
        ctx.font = `${window.getComputedStyle(previewElement).fontSize} ${previewElement.style.fontFamily}`;
        ctx.fillStyle = previewElement.style.color;
        ctx.textBaseline = 'top';
        ctx.fillText(previewElement.innerText, 0, 0);
        const link = document.createElement('a');
        link.href = canvas.toDataURL();
        link.download = 'font_preview.png';
        link.click();
    }

 fontData.forEach(({ name, file, statement, extraButton }, index) => {
        const fontContainer = document.createElement('div');
        fontContainer.classList.add('fontContainer');
        const fontInfo = document.createElement('div');
        fontInfo.classList.add('fontInfo');
        const fontNumber = document.createElement('span');
        fontNumber.classList.add('fontNumber');
        fontNumber.innerText = `${index + 1}.`;
        const fontTitle = document.createElement('span');
        fontTitle.classList.add('fontTitle');
        fontTitle.innerText = name.replace(/-/g, ' ');
        const fontSeparator = document.createElement('span');
        fontSeparator.classList.add('fontSeparator');
        fontSeparator.innerText = ' | ';
        const fontStatement = document.createElement('span');
        fontStatement.classList.add('fontStatement');
        fontStatement.innerText = statement;
        fontInfo.appendChild(fontNumber);
        fontInfo.appendChild(fontTitle);
        fontInfo.appendChild(fontSeparator);
        fontInfo.appendChild(fontStatement);
        const fontPreviewWithInfo = document.createElement('div');
        fontPreviewWithInfo.classList.add('fontPreviewWithInfo');
        const fontPreview = document.createElement('div');
        fontPreview.classList.add('fontPreview');
        const fontFace = document.createElement('style');
        fontFace.textContent = `
            @font-face {
                font-family: "${name}";
                src: url("${FONT_BASE_URL + file}") format('opentype');
            }
        `;
        document.head.appendChild(fontFace);
        fontPreview.style.fontFamily = `"${name}"`;
        fontPreviews[name] = fontPreview;
        fontPreviewWithInfo.appendChild(fontInfo);
        fontPreviewWithInfo.appendChild(fontPreview);
        fontContainer.appendChild(fontPreviewWithInfo);

    const generateBtn = document.createElement('button');
    generateBtn.classList.add('generateBtn');
    generateBtn.innerText = "Generate";
    generateBtn.addEventListener('click', () => {
        generateImageAndDownload(fontPreview);
    });
    fontContainer.appendChild(generateBtn);
    if (extraButton && extraButton.text === 'Buy Now') {
        const buyNowBtn = document.createElement('button');
        buyNowBtn.classList.add('buyNowBtn');
        buyNowBtn.innerText = "Buy Now";
        buyNowBtn.addEventListener('click', () => {
            window.open(extraButton.link, '_blank'); // Opens the link in a new tab
        });
        fontContainer.appendChild(buyNowBtn);
    } else {
        const downloadBtn = document.createElement('button');
        downloadBtn.classList.add('downloadBtn');
        downloadBtn.innerText = "Download";
        downloadBtn.addEventListener('click', () => {
            const a = document.createElement('a');
            a.href = FONT_BASE_URL + file;
            a.download = file;
            a.style.display = 'none';
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
        });
        fontContainer.appendChild(downloadBtn);
    }
    
    previewContainer.appendChild(fontContainer);
});

    updateFontPreviews();
    const noteText = `
        Note: This is a Font Generator tool. You can generate and download a preview of the given font by typing your text in the live preview box, adjusting the color or size, and clicking the generate button. If the font is available for free, you can also download it.
    `;
    const noteElement = document.createElement('div');
    noteElement.className = 'note';
    noteElement.innerHTML = noteText;
    previewContainer.appendChild(noteElement);
</script>



<p><span style="color: initial;">Zara font used in the Zara brand logo is actually the Didot font. Didot was designed by Adrian Frutiger and published by Linotype. You can also </span><wt-ignore uuid="a13bcb05-cc80-4cdd-ae67-b2d5dc92cefe" source="wt-feature-result" style="color: initial;">use the Bavex</wt-ignore><span style="color: initial;"> font as a free alternative. You can download it now for commercial and personal use.</span></p>



<p><a href="https://en.wikipedia.org/wiki/Zara_(retailer)" target="_blank" rel="noopener">Zara </a>is a global fashion brand that offers the latest trends in clothing, accessories, and footwear for women, men, and kids. Zara is part of the Inditex Group, one of the worldâ€™s largest fashion retailers, with more than 7,000 stores in 96 countries. Zara is known for its fast and flexible production system, which allows it to adapt quickly to <span class="issue-underline underline decoration-2 underline-offset-4 transition decoration-border-brand-default [.long-form-editing-active_&amp;]:decoration-border-brand-default/50 hover:bg-bg-brand-light-default" data-issueid="1ea1b5da-aa4b-4aa2-aa01-81ddb56762ae" aria-label="open issue for the following text the changing demands of customers and the market." data-testid="issue-underline:undefined">the changing demands of customers and the market.</span> Zara launches <span class="issue-underline underline decoration-2 underline-offset-4 transition decoration-border-brand-default [.long-form-editing-active_&amp;]:decoration-border-brand-default/50 hover:bg-bg-brand-light-default" data-issueid="a8414336-7e57-4ac3-b835-77804ff9b5bb" aria-label="open issue for the following text new" data-testid="issue-underline:undefined">new</span> collections every week, inspired by the runway, celebrities, and street style.</p>



<p>You can also check out similar fashion fonts like <a href="https://whatfontfinder.com/chanel-font/">Chanel</a>, <a href="https://whatfontfinder.com/bratz-font/">Bratz</a>, and <a href="https://whatfontfinder.com/thrasher-font/">Thrasher</a> fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/zara-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Wonder Woman Font</title>
		<link>https://whatfontfinder.com/wonder-woman-font/</link>
					<comments>https://whatfontfinder.com/wonder-woman-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 12 Nov 2023 13:06:16 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[curved]]></category>
		<category><![CDATA[DC Comics Font]]></category>
		<category><![CDATA[elegant]]></category>
		<category><![CDATA[feminine]]></category>
		<category><![CDATA[futuristic]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Liberty font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[powerful]]></category>
		<category><![CDATA[Raleway font]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[stylish]]></category>
		<category><![CDATA[superhero]]></category>
		<category><![CDATA[Superhero Font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[wonder woman]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2114</guid>

					<description><![CDATA[Explore the fonts of 'Wonder Woman': Raleway for the official poster, Liberty for the trailer, and Wolfalcon Regular for the emblem. The film, a critical success in the DC Universe, portrays the origin of Wonder Woman, a superhero fighting for peace and justice.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Wonder Woman Font Generator</h2>



<div id="fontPreviewContainer"></div>

    <script type="text/javascript">
        const FONT_BASE_URL = "https://whatfontfinder.com/wp-content/fonts/";

        const fontData = [
            { name: "raleway-font", file: "raleway.ttf ", statement: "Similar" },
            { name: "liberty-font", file: "liberty.ttf ", statement: "Similar" , extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/liberty-font-elsner-flake?cjdata=MXxOfDB8WXww&utm_source=cj&utm_medium=affiliate&utm_campaign=FontGet+Inc&cjevent=8aa894df815a11ee808805450a18b8f7&utm_cid=6092967&utm_pid=100771349&utm_sid=&utm_content=text_mf2" } },
            { name: "WolfalconRegular-font", file: "WolfalconRegular.ttf ", statement: "Similar" }
        ];

    const previewContainer = document.getElementById("fontPreviewContainer");
    const fontPreviews = {};

// Add the h3 font label at the top of the preview container
const h3Label = document.createElement('h3');
h3Label.innerText = 'Font Used';
h3Label.className = 'fonth3'; // Assigning the class
previewContainer.appendChild(h3Label);

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'WONDER WOMAN');
            input.addEventListener('input', updateFontPreviews);
        } else if (idx === 1) {
            input.setAttribute('type', 'color');
            input.setAttribute('value', '#000');
            input.addEventListener('input', updateFontPreviews);
        } else {
            input.setAttribute('type', 'range');
            input.setAttribute('min', '10');
            input.setAttribute('max', '150');
            input.setAttribute('value', '60');
            input.addEventListener('input', updateFontPreviews);
        }
        inputRow.appendChild(label);
        inputRow.appendChild(input);
        controlsContainer.appendChild(inputRow);
    });
    previewContainer.appendChild(controlsContainer);

    function updateFontPreviews() {
        const type = controlsContainer.querySelector('input[type="text"]').value;
        const color = controlsContainer.querySelector('input[type="color"]').value;
        const size = controlsContainer.querySelector('input[type="range"]').value + 'px';
        Object.values(fontPreviews).forEach(preview => {
            preview.style.color = color;
            preview.style.fontSize = size;
            preview.innerText = type;
        });
    }

    function generateImageAndDownload(previewElement) {
        const canvas = document.createElement("canvas");
        canvas.width = previewElement.offsetWidth;
        canvas.height = previewElement.offsetHeight;
        const ctx = canvas.getContext("2d");
        ctx.font = `${window.getComputedStyle(previewElement).fontSize} ${previewElement.style.fontFamily}`;
        ctx.fillStyle = previewElement.style.color;
        ctx.textBaseline = 'top';
        ctx.fillText(previewElement.innerText, 0, 0);
        const link = document.createElement('a');
        link.href = canvas.toDataURL();
        link.download = 'font_preview.png';
        link.click();
    }

 fontData.forEach(({ name, file, statement, extraButton }, index) => {
        const fontContainer = document.createElement('div');
        fontContainer.classList.add('fontContainer');
        const fontInfo = document.createElement('div');
        fontInfo.classList.add('fontInfo');
        const fontNumber = document.createElement('span');
        fontNumber.classList.add('fontNumber');
        fontNumber.innerText = `${index + 1}.`;
        const fontTitle = document.createElement('span');
        fontTitle.classList.add('fontTitle');
        fontTitle.innerText = name.replace(/-/g, ' ');
        const fontSeparator = document.createElement('span');
        fontSeparator.classList.add('fontSeparator');
        fontSeparator.innerText = ' | ';
        const fontStatement = document.createElement('span');
        fontStatement.classList.add('fontStatement');
        fontStatement.innerText = statement;
        fontInfo.appendChild(fontNumber);
        fontInfo.appendChild(fontTitle);
        fontInfo.appendChild(fontSeparator);
        fontInfo.appendChild(fontStatement);
        const fontPreviewWithInfo = document.createElement('div');
        fontPreviewWithInfo.classList.add('fontPreviewWithInfo');
        const fontPreview = document.createElement('div');
        fontPreview.classList.add('fontPreview');
        const fontFace = document.createElement('style');
        fontFace.textContent = `
            @font-face {
                font-family: "${name}";
                src: url("${FONT_BASE_URL + file}") format('opentype');
            }
        `;
        document.head.appendChild(fontFace);
        fontPreview.style.fontFamily = `"${name}"`;
        fontPreviews[name] = fontPreview;
        fontPreviewWithInfo.appendChild(fontInfo);
        fontPreviewWithInfo.appendChild(fontPreview);
        fontContainer.appendChild(fontPreviewWithInfo);

    const generateBtn = document.createElement('button');
    generateBtn.classList.add('generateBtn');
    generateBtn.innerText = "Generate";
    generateBtn.addEventListener('click', () => {
        generateImageAndDownload(fontPreview);
    });
    fontContainer.appendChild(generateBtn);
    if (extraButton && extraButton.text === 'Buy Now') {
        const buyNowBtn = document.createElement('button');
        buyNowBtn.classList.add('buyNowBtn');
        buyNowBtn.innerText = "Buy Now";
        buyNowBtn.addEventListener('click', () => {
            window.open(extraButton.link, '_blank'); // Opens the link in a new tab
        });
        fontContainer.appendChild(buyNowBtn);
    } else {
        const downloadBtn = document.createElement('button');
        downloadBtn.classList.add('downloadBtn');
        downloadBtn.innerText = "Download";
        downloadBtn.addEventListener('click', () => {
            const a = document.createElement('a');
            a.href = FONT_BASE_URL + file;
            a.download = file;
            a.style.display = 'none';
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
        });
        fontContainer.appendChild(downloadBtn);
    }
    
    previewContainer.appendChild(fontContainer);
});

    updateFontPreviews();
    const noteText = `
        Note: This is a Font Generator tool. You can generate and download a preview of the given font by typing your text in the live preview box, adjusting the color or size, and clicking the generate button. If the font is available for free, you can also download it.
    `;
    const noteElement = document.createElement('div');
    noteElement.className = 'note';
    noteElement.innerHTML = noteText;
    previewContainer.appendChild(noteElement);
</script>



<p>Looking for Wonder Woman font? Then you&#8217;ve come to the right place! Wonder Woman uses different fonts. Wonder Woman&#8217;s official poster uses Raleway font, created by Matt McInerney. For Wonder Woman&#8217;s official trailer, the marketing team used Liberty font, designed by Andrew Newton. The emblem &#8220;W&#8221; used Wolfalcon Regular font.</p>



<h2 class="wp-block-heading">About The Movie</h2>



<p><a href="https://www.imdb.com/title/tt0451279/" target="_blank" rel="noopener">Wonder Woman</a> is an Amazonian princess superhero with superhuman abilities and a magical lasso. She fights for peace, justice, and love in the world. Wonder Woman is a 2017 American film directed by Patty Jenkins, starring Gal Gadot as the title hero. It is the fourth film in the DC Extended Universe.</p>



<p>The film tells the origin story of Wonder Woman, from her childhood on the island of Themyscira to her involvement in the World War. The film was a critical and commercial success and was nominated for an Oscar in three categories.</p>



<p>You can also check out our other superhero fonts like <a href="https://whatfontfinder.com/aquaman-font/">Aquaman</a>, <a href="https://whatfontfinder.com/avengers-font/">Avengers</a>, and <a href="https://whatfontfinder.com/iron-man-font/">Iron Man</a> fonts.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/wonder-woman-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Jujutsu Kaisen Font</title>
		<link>https://whatfontfinder.com/jujutsu-kaisen-font/</link>
					<comments>https://whatfontfinder.com/jujutsu-kaisen-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:41 +0000</pubDate>
				<category><![CDATA[Anime]]></category>
		<category><![CDATA[TV Show]]></category>
		<category><![CDATA[Action Font]]></category>
		<category><![CDATA[anime]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[Horror]]></category>
		<category><![CDATA[Japanese font]]></category>
		<category><![CDATA[jujutsu kaisen]]></category>
		<category><![CDATA[lettering]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[manga]]></category>
		<category><![CDATA[mysterious]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[stylish]]></category>
		<category><![CDATA[Supernatural font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[tv show]]></category>
		<category><![CDATA[unique]]></category>
		<guid isPermaLink="false">http://tdi_77_2e5</guid>

					<description><![CDATA[The Jujutsu Kaisen logo font is custom, but a fan created the free Qetod font. Jujutsu Kaisen is a popular manga and anime series following Yuji Itadori's adventures as a Jujutsu Sorcerer battling Curses.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Jujutsu Kaisen Font Generator</h2>



<div id="fontPreviewContainer"></div>

    <script type="text/javascript">
        const FONT_BASE_URL = "https://whatfontfinder.com/wp-content/fonts/";

        const fontData = [
            { name: "Qetod-font", file: "Qetod.ttf ", statement: "Replica" }
        ];

    const previewContainer = document.getElementById("fontPreviewContainer");
    const fontPreviews = {};

// Add the h3 font label at the top of the preview container
const h3Label = document.createElement('h3');
h3Label.innerText = 'Font Used';
h3Label.className = 'fonth3'; // Assigning the class
previewContainer.appendChild(h3Label);

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'JuJuTsu Kaisen');
            input.addEventListener('input', updateFontPreviews);
        } else if (idx === 1) {
            input.setAttribute('type', 'color');
            input.setAttribute('value', '#000');
            input.addEventListener('input', updateFontPreviews);
        } else {
            input.setAttribute('type', 'range');
            input.setAttribute('min', '10');
            input.setAttribute('max', '150');
            input.setAttribute('value', '60');
            input.addEventListener('input', updateFontPreviews);
        }
        inputRow.appendChild(label);
        inputRow.appendChild(input);
        controlsContainer.appendChild(inputRow);
    });
    previewContainer.appendChild(controlsContainer);

    function updateFontPreviews() {
        const type = controlsContainer.querySelector('input[type="text"]').value;
        const color = controlsContainer.querySelector('input[type="color"]').value;
        const size = controlsContainer.querySelector('input[type="range"]').value + 'px';
        Object.values(fontPreviews).forEach(preview => {
            preview.style.color = color;
            preview.style.fontSize = size;
            preview.innerText = type;
        });
    }

    function generateImageAndDownload(previewElement) {
        const canvas = document.createElement("canvas");
        canvas.width = previewElement.offsetWidth;
        canvas.height = previewElement.offsetHeight;
        const ctx = canvas.getContext("2d");
        ctx.font = `${window.getComputedStyle(previewElement).fontSize} ${previewElement.style.fontFamily}`;
        ctx.fillStyle = previewElement.style.color;
        ctx.textBaseline = 'top';
        ctx.fillText(previewElement.innerText, 0, 0);
        const link = document.createElement('a');
        link.href = canvas.toDataURL();
        link.download = 'font_preview.png';
        link.click();
    }

 fontData.forEach(({ name, file, statement, extraButton }, index) => {
        const fontContainer = document.createElement('div');
        fontContainer.classList.add('fontContainer');
        const fontInfo = document.createElement('div');
        fontInfo.classList.add('fontInfo');
        const fontNumber = document.createElement('span');
        fontNumber.classList.add('fontNumber');
        fontNumber.innerText = `${index + 1}.`;
        const fontTitle = document.createElement('span');
        fontTitle.classList.add('fontTitle');
        fontTitle.innerText = name.replace(/-/g, ' ');
        const fontSeparator = document.createElement('span');
        fontSeparator.classList.add('fontSeparator');
        fontSeparator.innerText = ' | ';
        const fontStatement = document.createElement('span');
        fontStatement.classList.add('fontStatement');
        fontStatement.innerText = statement;
        fontInfo.appendChild(fontNumber);
        fontInfo.appendChild(fontTitle);
        fontInfo.appendChild(fontSeparator);
        fontInfo.appendChild(fontStatement);
        const fontPreviewWithInfo = document.createElement('div');
        fontPreviewWithInfo.classList.add('fontPreviewWithInfo');
        const fontPreview = document.createElement('div');
        fontPreview.classList.add('fontPreview');
        const fontFace = document.createElement('style');
        fontFace.textContent = `
            @font-face {
                font-family: "${name}";
                src: url("${FONT_BASE_URL + file}") format('opentype');
            }
        `;
        document.head.appendChild(fontFace);
        fontPreview.style.fontFamily = `"${name}"`;
        fontPreviews[name] = fontPreview;
        fontPreviewWithInfo.appendChild(fontInfo);
        fontPreviewWithInfo.appendChild(fontPreview);
        fontContainer.appendChild(fontPreviewWithInfo);

    const generateBtn = document.createElement('button');
    generateBtn.classList.add('generateBtn');
    generateBtn.innerText = "Generate";
    generateBtn.addEventListener('click', () => {
        generateImageAndDownload(fontPreview);
    });
    fontContainer.appendChild(generateBtn);
    if (extraButton && extraButton.text === 'Buy Now') {
        const buyNowBtn = document.createElement('button');
        buyNowBtn.classList.add('buyNowBtn');
        buyNowBtn.innerText = "Buy Now";
        buyNowBtn.addEventListener('click', () => {
            window.open(extraButton.link, '_blank'); // Opens the link in a new tab
        });
        fontContainer.appendChild(buyNowBtn);
    } else {
        const downloadBtn = document.createElement('button');
        downloadBtn.classList.add('downloadBtn');
        downloadBtn.innerText = "Download";
        downloadBtn.addEventListener('click', () => {
            const a = document.createElement('a');
            a.href = FONT_BASE_URL + file;
            a.download = file;
            a.style.display = 'none';
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
        });
        fontContainer.appendChild(downloadBtn);
    }
    
    previewContainer.appendChild(fontContainer);
});

    updateFontPreviews();
    const noteText = `
        Note: This is a Font Generator tool. You can generate and download a preview of the given font by typing your text in the live preview box, adjusting the color or size, and clicking the generate button. If the font is available for free, you can also download it.
    `;
    const noteElement = document.createElement('div');
    noteElement.className = 'note';
    noteElement.innerHTML = noteText;
    previewContainer.appendChild(noteElement);
</script>



<p><strong>Replica</strong>: The Jujutsu Kaisen font used in the logo is custom-made, but a show fan recreated it and named it Qetod font. It is free for personal use. So you can download it without any worry. And what is Jujutsu Kaisen?</p>



<p><a target="_blank" href="https://en.wikipedia.org/wiki/Jujutsu_Kaisen" rel="noreferrer noopener">Jujutsu Kaisen</a>&nbsp;is a popular manga and anime series. It follows the adventures of Yuji Itadori, who becomes the host of a powerful Curse named Ryomen Sukuna. He joins a secret organization of Jujutsu Sorcerers who fight against Curses, evil spirits born from negative emotions. The series is written and illustrated by Gege Akutami and has been serialized in Weekly ShÅnen Jump. The anime adaptation by MAPPA has two seasons, with the first airing from October 2020 to March 2021 and the second one from July 2023.</p>



<p>If you liked this font and looking for more then check out our <a href="https://whatfontfinder.com/bleach-font/">Bleach</a>, <a href="https://whatfontfinder.com/the-owl-house-font/">The Owl House</a>, <a href="https://whatfontfinder.com/ratatouille-font/">Ratatouille</a>, and <a href="https://whatfontfinder.com/brave-font/">Brave </a>Font.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/jujutsu-kaisen-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
