<?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>Condensed &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/condensed/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>Tue, 09 Jan 2024 14:19:50 +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>Condensed &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>The Mandalorian Font</title>
		<link>https://whatfontfinder.com/the-mandalorian-font/</link>
					<comments>https://whatfontfinder.com/the-mandalorian-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 09 Jan 2024 14:19:48 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[Action]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Condensed]]></category>
		<category><![CDATA[custom font]]></category>
		<category><![CDATA[Display Typeface]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[Mandalore]]></category>
		<category><![CDATA[Mandalorian]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[Sci-fi]]></category>
		<category><![CDATA[Sci-Fi Font]]></category>
		<category><![CDATA[space]]></category>
		<category><![CDATA[Star Wars]]></category>
		<category><![CDATA[western]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3081</guid>

					<description><![CDATA[The Mandalorian font featured in the show's logo is a custom creation, officially known as the Mandalore Font, crafted by Iconian Fonts and available for free under donationware licensing. The TV series, set five years post-Return of the Jedi, follows the journey of Din Djarin, a Mandalorian bounty hunter, navigating a galaxy in turmoil. His mission: to deliver a mysterious Force-sensitive child to the Jedi. Developed by Jon Favreau, 'The Mandalorian' premiered on Disney+ on November 12, 2019, offering a captivating blend of space-western storytelling.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">The Mandalorian Font Generator</h2>



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

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

        const fontData = [
            { name: "mandalore-font", file: "mandalore.ttf", statement: "Similar" },
            { name: "mandalorehalf-font", file: "mandalorehalf.ttf", statement: "Similar" },
            { name: "mandalorelaser-font", file: "mandalorelaser.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', 'THE MANDALORIAN');
            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>The Mandalorian font used in the logo is custom-made. But Iconian Fonts recreated it and named it the Mandalore Font. This font is licensed under donationware. You can download and use it for free.</p>



<p><a href="https://en.wikipedia.org/wiki/The_Mandalorian" target="_blank" rel="noopener">The Mandalorian</a> is a TV show that follows the adventures of a Mandalorian bounty hunter named Din Djarin, who is also known as the Mandalorian or Mando. The show is set five years after the events of Return of the Jedi, when the Galactic Empire has fallen and the New Republic is struggling to restore order. The Mandalorian takes on a mission to deliver a mysterious child, who is later revealed to be a force-sensitive being of the same species as Yoda, to a Jedi. It is an American space-western television series developed by Jon Favreau for Disney+ on November 12, 2019.</p>



<p>You can also check out other collections of TV Show fonts likeÂ <a href="https://whatfontfinder.com/gossip-girl-font/">Gossip Girl</a>, <a href="https://whatfontfinder.com/miami-vice-font/">Miami Vice</a>,Â <a href="https://whatfontfinder.com/blackish-font/">Blackish</a>,Â <a href="https://whatfontfinder.com/prehistoric-planet-font/">Prehistoric Planet</a>,Â <a href="https://whatfontfinder.com/yellowstone-font/">Yellowstone</a>,Â <a href="https://whatfontfinder.com/the-golden-girls-font/">Golden Girls</a>, andÂ <a href="https://whatfontfinder.com/the-office-font/">the office</a>Â font now!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/the-mandalorian-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Adult Swim Font</title>
		<link>https://whatfontfinder.com/adult-swim-font/</link>
					<comments>https://whatfontfinder.com/adult-swim-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 18 Dec 2023 14:55:05 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Adult Swim]]></category>
		<category><![CDATA[American cable network font]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Cartoon Network font]]></category>
		<category><![CDATA[comedy]]></category>
		<category><![CDATA[Condensed]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Grotesque font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Helvetica Neue Condensed Bold]]></category>
		<category><![CDATA[Late-night programming font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[network]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[Sans serif font]]></category>
		<category><![CDATA[versatile]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2841</guid>

					<description><![CDATA[The Adult Swim logo features the Neue Helvetica Bold Condensed font, part of the Helvetica Neue family designed by Max Miedinger and Edouard Hoffmann in 1957. Linotype owns its rights, and it's a purchase-required font. Milford Condensed Bold font is a free alternative. Adult Swim, originating as a late-night program block, has evolved into a network renowned for mature cartoons like "Rick and Morty" and "Aqua Teen Hunger Force."]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Adult Swim Font Generator</h2>



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

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

        const fontData = [
            { name: "HelveticaNeue-BoldCond-font", file: "HelveticaNeue-BoldCond.ttf", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/neue-helvetica-font-linotype" } },
            { name: "MILFCD-B-font", file: "MILFCD-B.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', 'adult swim');
            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>Adult Swim font in the Adult Swim logo is made using Neue Helvetica Bold Condensed font. Neue Helvetica Bold Condensed is part of the Helvetica Neue font family. Max Miedinger and Edouard Hoffmann designed and published this font in 1957. Later, Linotype acquired the rights to it. You need to buy the font before using it.</p>



<p>You can also use the Milford Condensed Bold font as a free alternative.</p>



<p><a href="https://en.wikipedia.org/wiki/Adult_Swim" target="_blank" rel="noopener">Adult Swim</a> is a late-night programming block that has evolved into a network known for its unique and mature cartoon content. Some of the most famous shows on Adult Swim include &#8220;Rick and Morty,&#8221; &#8220;Aqua Teen Hunger Force,&#8221; &#8220;The Venture Bros.,&#8221; and &#8220;Robot Chicken.&#8221;</p>



<p>You can also check out our other cartoon fonts likeÂ <a href="https://whatfontfinder.com/cocomelon-font/">Cocomelon</a>, <a href="https://whatfontfinder.com/family-guy-font/">Family Guy</a>,Â <a href="https://whatfontfinder.com/winnie-the-pooh-font/">Winnie The Pooh</a>,Â <a href="https://whatfontfinder.com/adventure-time-font/">Adventure Time</a>, andÂ <a href="https://whatfontfinder.com/looney-tunes-font/">Looney Tunes</a>Â fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/adult-swim-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Tangled Font</title>
		<link>https://whatfontfinder.com/tangled-font/</link>
					<comments>https://whatfontfinder.com/tangled-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Wed, 13 Dec 2023 12:55:10 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Condensed]]></category>
		<category><![CDATA[Disney]]></category>
		<category><![CDATA[Disney movie]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[Fairy tale]]></category>
		<category><![CDATA[Fancy]]></category>
		<category><![CDATA[gothic]]></category>
		<category><![CDATA[Handmade font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Princess]]></category>
		<category><![CDATA[Rapunzel]]></category>
		<category><![CDATA[Tangled]]></category>
		<category><![CDATA[Tangled Font]]></category>
		<category><![CDATA[Tangled logo]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Unique design]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2697</guid>

					<description><![CDATA[Discover the magic of the Tangled movie with the fan-made Tangled V 1.2 font, inspired by Disney's iconic film logo. Created by a dedicated fan, Esteban4058, this font is a tribute to the 2010 animated hit, a modern twist on the classic Rapunzel tale. Tangled, known for its stunning animation, humor, and memorable songs, now extends its charm to your creative projects. This font, free for personal and commercial use, is perfect for bringing a bit of Disney's enchanting world into your designs. Download it now and let your creations shine!]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Tangled Font Generator</h2>



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

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

        const fontData = [

            { name: "Tangled-font", file: "Tangled.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', 'Tangled');
            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>Are you looking for Tangled font? Then you came to the right place! The Tangled logo is custom-made by the design team at Disney. But a designer fan named Esteban4058 recreated a similar font and named it Tangled V 1.2. This font is free for personal and commercial use. So you can download it now and use it for free!</p>



<p><a href="https://en.wikipedia.org/wiki/Tangled" target="_blank" rel="noopener">Tangled </a>is a 2010 animated Disney film loosely based on the fairy tale Rapunzel by the Brothers Grimm. It tells the story of a princess with magical long hair who escapes from a tower with the help of a thief and discovers the world for the first time. Tangled was praised for its animation, humor, characters, and songs and was nominated for an Oscar for Best Original Song. It was also one of the most expensive animated films ever made, costing $260 million to produce.</p>



<p>You can also check out other Disney-inspired fonts like <a href="https://whatfontfinder.com/frozen-font/">Frozen</a>, <a href="https://whatfontfinder.com/moana-font/">Moana</a>, and <a href="https://whatfontfinder.com/encanto-font/">Encanto </a>fonts.</p>



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