<?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>Tangled Font &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/tangled-font/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>Wed, 13 Dec 2023 12:55:12 +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>Tangled Font &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>
