<?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>Fun Font &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/fun-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>Thu, 14 Dec 2023 12:01:09 +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>Fun Font &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Cocomelon Font</title>
		<link>https://whatfontfinder.com/cocomelon-font/</link>
					<comments>https://whatfontfinder.com/cocomelon-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Thu, 14 Dec 2023 12:01:07 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[3D font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bubble Font]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Cocomelon]]></category>
		<category><![CDATA[colorful font]]></category>
		<category><![CDATA[educational font]]></category>
		<category><![CDATA[FontGet]]></category>
		<category><![CDATA[Free Font]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[ladybug font]]></category>
		<category><![CDATA[Moonbug Entertainment]]></category>
		<category><![CDATA[muska font Logo]]></category>
		<category><![CDATA[nursery rhyme font]]></category>
		<category><![CDATA[Nursery Rhymes]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[watermelon font]]></category>
		<category><![CDATA[YouTube Channel]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2722</guid>

					<description><![CDATA[Explore the world of Cocomelon with the perfect fonts! While the Cocomelon logo uses a custom font, similar styles like Bubble Bobble, Muska, and Fontget's own Cocomelon font capture its playful essence. Cocomelon's official web pages also feature fonts like Avenir Next Rounded, Swiss 721 Rounded, and Teebrush Painted, enhancing their engaging online presence. Dive into this educational and entertaining YouTube sensation with over 168 million subscribers and bring the charm of JJ, YoYo, TomTom, and friends to your projects with these delightful fonts!]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Cocomelon Font Generator</h2>



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

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

        const fontData = [
           { name: "Bubble-Bobble-font", file: "Bubble-Bobble.ttf", statement: "Similar" },
           { name: "Muska-Highlight-font", file: "Muska-Highlight.ttf", statement: "Similar" },
            { name: "Cocomelon-font", file: "Cocomelon.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', 'COCOMELON');
            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>Cocomelon font used in the Cocomelon logo is custom. But we found two matches: bubble bobble and Muska font. Fontget also recreated a font and named it Cocomelon font. <a href="https://cocomelon.com/" target="_blank" rel="noopener">Cocomelon&#8217;s </a>official web pages used <a href="https://dafontonline.com/avenir-next-rounded-font-download-free/" target="_blank" rel="noopener">Avenir Next Rounded</a>, <a href="https://www.myfonts.com/collections/swiss-721-rounded-font-bitstream?" target="_blank" rel="noopener">Swiss 721 Rounded</a>, and <a href="https://www.myfonts.com/collections/teebrush-paint-font-linotype?" target="_blank" rel="noopener">Teebrush Painted</a> for the headlines and menu text.</p>



<p>Cocomelon is a kindergarten-level entertainment brand focused on educational nursery rhymes and children&#8217;s songs. It&#8217;s a massive phenomenon, especially on YouTube, boasting over 168 million subscribers and 168.5 billion views. It features 3D animation and colorful characters like JJ, YoYo, TomTom, and their family and friends. Cocomelon aims to engage families with entertaining, relatable content that makes preschool learning fun. They also have a website you can visit.</p>



<p>You can also check out our other cartoon fonts likeÂ <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/cocomelon-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Puma Font</title>
		<link>https://whatfontfinder.com/puma-font/</link>
					<comments>https://whatfontfinder.com/puma-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 06 Nov 2023 12:57:43 +0000</pubDate>
				<category><![CDATA[SPORT]]></category>
		<category><![CDATA[Activewear Font]]></category>
		<category><![CDATA[Athletic Font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Condensed Font]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[Geometric Font]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Puma]]></category>
		<category><![CDATA[Puma brand]]></category>
		<category><![CDATA[Sans-serif Font]]></category>
		<category><![CDATA[Sports Font]]></category>
		<category><![CDATA[Streetwear Font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Urban Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1994</guid>

					<description><![CDATA[Puma, the global sports and lifestyle brand founded in 1948, derives its name from the German word for cougar. Known for innovation and collaborations, Puma's logo embodies speed and strength, in line with its slogan 'Forever Faster.' For a font resembling Puma's logo, check out 'My Puma font,' created by a fan, available for free for both personal and commercial use.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Puma Font Generator</h2>



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

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

        const fontData = [
            { name: "MYPUMA-font", file: "MYPUMA.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', 'PUMA');
            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>Let&#8217;s talk about Puma Font. <a href="https://en.wikipedia.org/wiki/Puma_(brand)" target="_blank" rel="noopener">Puma </a>is a global brand that produces and sells sports and lifestyle products, such as shoes, clothing, and accessories. After a family feud, Puma was founded in 1948 by Rudolf Dassler, the brother of Adidas founder Adolf Dassler.</p>



<p>The name Puma comes from the German word for cougar, a powerful and agile animal. Puma is known for its innovation and collaborations with celebrities and athletes, such as Usain Bolt, Rihanna, and Neymar. Puma&#8217;s logo is leaping, symbolizing the brand&#8217;s speed and strength. Puma&#8217;s slogan is &#8220;Forever Faster,&#8221; which reflects its vision and mission to be the fastest sports brand in the world.</p>



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



<p><strong>Replica</strong>: A fan of the brand created a replica font based on Puma&#8217;s logo and named it My Puma font. It is very similar to the Puma lettering on the logo. You can download it and use it for free for personal and commercial use.</p>



<p>If you liked the font then you might also like these <a href="https://whatfontfinder.com/bratz-font/">Bratz</a>, <a href="https://whatfontfinder.com/fortnite-font/">Fortnite</a>, and <a href="https://whatfontfinder.com/ratatouille-font/">Ratatouille </a>fonts.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/puma-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Loki Font</title>
		<link>https://whatfontfinder.com/loki-font/</link>
					<comments>https://whatfontfinder.com/loki-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 04 Nov 2023 12:45:42 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[angular font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Comic font]]></category>
		<category><![CDATA[Decorative font]]></category>
		<category><![CDATA[display font]]></category>
		<category><![CDATA[elegant font]]></category>
		<category><![CDATA[flowing font]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[loki]]></category>
		<category><![CDATA[loki logo]]></category>
		<category><![CDATA[marvel]]></category>
		<category><![CDATA[marvel logo font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Retro Font]]></category>
		<category><![CDATA[sophisticated font]]></category>
		<category><![CDATA[Superhero Font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Vintage Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1969</guid>

					<description><![CDATA[Loki, starring Tom Hiddleston, is a Disney+ series set in the MCU continuity. Loki teams up with the TVA to preserve the timeline. It received acclaim, with a second season in 2023. The Loki font comprises four different fonts: US Angel for 'L,' Old English Five for 'O,' ARB 85 Poster Script JAN-39 for 'K,' and Cloister Black for 'I.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Loki Font Generator</h2>



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

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

        const fontData = [
            { name: "us-angel-font", file: "usangel.ttf ", statement: "Similar" },
            { name: "old-english-five-font", file: "old-english-five.ttf ", statement: "Similar" },
            { name: "ARB-85-Poster-Script-JAN-font", file: "ARB-85-Poster-Script-JAN.ttf ", statement: "Similar" },
            { name: "Cloister-Black-font", file: "CloisterBlack.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', 'LOKI');
            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', '35');
            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>Tom Hiddleston, who plays Loki, has a TV series that follows his adventures after escaping from the Avengers with the Tesseract. The Time Variance Authority (TVA) manages to capture him. <a href="https://en.wikipedia.org/wiki/Loki_(season_2)" target="_blank" rel="noopener">Loki </a>then works with Mobius, a time agent from the organization that monitors and preserves the sacred timeline. The TV show shares continuity with the Marvel Cinematic Universe (MCU) films and was released on Disney+ in 2021. The series has received positive reviews from critics and fans, and a second season was released on Disney+ in 2023.</p>



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



<p>Loki font is made of 4 different fonts. They are:</p>



<p>-For the &#8220;L,&#8221; uses&nbsp;<strong>US Angel,</strong>&nbsp;designed and published by Iconian Fonts.</p>



<p>-For the &#8220;O,&#8221; uses&nbsp;<strong>Old English Five</strong>, designed and published by Typographer Mediengestaltung.</p>



<p>-For the &#8220;K,&#8221; uses&nbsp;<strong>ARB 85 Poster Script JAN-39,</strong>&nbsp;designed and published by Fontry.</p>



<p>-For the &#8220;I,&#8221; looks similar to&nbsp;<strong>Cloister Black</strong>, designed and published by Typographer Mediengestaltung.</p>



<p>Check out our other font collection, such as,<a href="https://whatfontfinder.com/the-owl-house-font/"> The Owl House</a>, <a href="https://whatfontfinder.com/oppenheimer-font/">Oppenheimer</a>, and <a href="https://whatfontfinder.com/the-nun-font/">The Nun</a> fonts.</p>



<p>Thank you for reading.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/loki-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Shy Away Font</title>
		<link>https://whatfontfinder.com/shy-away-font/</link>
					<comments>https://whatfontfinder.com/shy-away-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 30 Oct 2023 10:16:07 +0000</pubDate>
				<category><![CDATA[Music]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[cover album]]></category>
		<category><![CDATA[eye-catching font]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[Geometric Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[monarch font]]></category>
		<category><![CDATA[Music Font]]></category>
		<category><![CDATA[pop-rock font]]></category>
		<category><![CDATA[Scaled and Icy]]></category>
		<category><![CDATA[Serif Font]]></category>
		<category><![CDATA[Shy Away]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Twenty One Pilots]]></category>
		<category><![CDATA[unique font]]></category>
		<category><![CDATA[van dijik regular font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1927</guid>

					<description><![CDATA[The 'Shy Away' font is from the song logo by Ohio-based band Twenty One Pilots. It's the lead single from their sixth album, 'Scaled and Icy,' released in 2021, receiving positive reviews and chart success. While 'Shy Away' used custom fonts, 'Tenebras' and 'WT Monarch' share similarities to 'Twenty-One.' However, they require a purchased license. The exact 'Shy Away' font is the 'Van Dijk Font,' which is also commercial and requires a license.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Shy Away Font Generator</h2>



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

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

        const fontData = [
            { name: "tenebras-trial-font", file: "tenebras-trial.otf ", statement: "Similar", extraButton: { text: "Buy Now", link: "https://type-department.com/collections/sans-serif-fonts/products/tenebras/" } },
            { name: "WT-Monarch-Nova-Roman-font", file: "WT-Monarch-Nova-Roman.ttf ", statement: "Similar", extraButton: { text: "Buy Now", link: "https://wisetype.nl/collections/wt-monarch-nova" } },
            { name: "VanDijk-font", file: "VanDijk.otf ", statement: "EXACT", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/van-dijk-font-itc?rfsn=6624775.a4476ff&tab=individualStyles" } }
        ];

    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', 'TWENTY ONE PILOTS Shy Away');
            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', '30');
            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>Shy Away font is from the logo of a song by Twenty One Pilots, a band from Ohio. <a href="https://en.wikipedia.org/wiki/Twenty_One_Pilots" target="_blank" rel="noopener">Twenty One Pilots</a> is an American musical duo formed in Columbus, Ohio in 2009 by vocalist and keyboardist Tyler Joseph and drummer Josh Dun. </p>



<p>On April 7, 2021, Twenty One Pilots released their song Shy Away. It is the lead single from their sixth studio album, Scaled and Icy. Fans and critics alike have given the song positive reviews, and it has reached the top 10 of the charts.</p>



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



<p><strong>Similar Fonts:</strong> Shy Away used custom fonts. But Tenebras and WT Monarch font share some similarities to the &#8220;Twenty One&#8221; part. But they aren&#8217;t free, so you need to buy a license before using them.</p>



<p><strong>Exact Font:</strong> The &#8220;Shy Away&#8221; logo used Van Dijk Font. It is also a commercial font, so you should purchase a license.</p>



<p>If you liked the fonts and are looking for more similar fonts, then check out our <a href="https://whatfontfinder.com/evermore-taylor-swift-font/">Evermore</a>, <a href="https://whatfontfinder.com/folklore-taylor-swift-font/">Folklore</a>, and <a href="https://whatfontfinder.com/mamma-mia-font/">Mamma Mia</a> fonts now!</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/shy-away-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Barbie Movie Font</title>
		<link>https://whatfontfinder.com/barbie-movie-font/</link>
					<comments>https://whatfontfinder.com/barbie-movie-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Wed, 25 Oct 2023 12:21:52 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Barbenheimer]]></category>
		<category><![CDATA[Barbie]]></category>
		<category><![CDATA[Barbie Movie]]></category>
		<category><![CDATA[Bartex]]></category>
		<category><![CDATA[Comedy Film]]></category>
		<category><![CDATA[Cute Font]]></category>
		<category><![CDATA[Fabulous Font]]></category>
		<category><![CDATA[Fashionable Font]]></category>
		<category><![CDATA[FontGet]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[Girly Font]]></category>
		<category><![CDATA[Glamorous Font]]></category>
		<category><![CDATA[Greta Gerwig]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Margot Robbie]]></category>
		<category><![CDATA[Mattel]]></category>
		<category><![CDATA[Mattel Font]]></category>
		<category><![CDATA[Movie Logo]]></category>
		<category><![CDATA[Pink Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Ryan Gosling]]></category>
		<category><![CDATA[Sparkly Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1891</guid>

					<description><![CDATA[Barbie, the 2023 fantasy comedy film, stars Margot Robbie and Ryan Gosling, creating a cultural phenomenon and becoming the highest-grossing Warner Bros. film in 2023. The 2023 live-action Barbie movie used the 'Bartex' font for posters and logos, with occasional use of a different Barbie font, both available for free download.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Barbie Movie Font Generator</h2>



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

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

        const fontData = [
                        { name: "Bartex-font", file: "Bartex.ttf ", statement: "Similar" },                        
{ name: "Barbie-font", file: "Barbie-font.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', 'Barbie');
            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 searching for the Barbie movie font? You came to the right place! Barbie&#8217;s 2023 live-action movie used Bartex font for its posters and logo. But on some promotional posters, you will also find a different Barbie font. You can download both for free. Now let&#8217;s talk about the Barbie Movie.</p>



<h2 class="wp-block-heading">Barbie 2023 Movie</h2>



<p><a href="https://en.wikipedia.org/wiki/Barbie_(film)" target="_blank" rel="noopener">Barbie </a>is a 2023 fantasy comedy film based on the famous dolls by Mattel. Directed by Greta Gerwig and starring Margot Robbie as Barbie and Ryan Gosling as Ken, they embark on a journey in the real world, where she learns to accept herself for who she is.</p>



<p>It was released simultaneously with the Oppenheimer movie, leading to a massive cultural phenomenon called Barbenheimer. Barbie became the highest-grossing film of 2023 and Warner Bros. film ever. It was the first live-action adaptation film after previous computer-generated films.</p>



<p>If you liked this font and looking to create Barbenheimer designs, then check out <a href="https://whatfontfinder.com/oppenheimer-font/">Oppenheimer</a> font. You can also check out our other collections like <a href="https://whatfontfinder.com/goosebumps-font/">Goosebumps</a>, <a href="https://whatfontfinder.com/mamma-mia-font/">Mamma Mia</a>, and <a href="https://whatfontfinder.com/the-owl-house-font/">The Owl House </a>fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/barbie-movie-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>The Owl House Font</title>
		<link>https://whatfontfinder.com/the-owl-house-font/</link>
					<comments>https://whatfontfinder.com/the-owl-house-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 23 Oct 2023 12:18:54 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[animation font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Children show]]></category>
		<category><![CDATA[Disney Font]]></category>
		<category><![CDATA[Doodle Font]]></category>
		<category><![CDATA[Fantasy Font]]></category>
		<category><![CDATA[foxcroft nf font]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[Kids show]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Magic Font]]></category>
		<category><![CDATA[Owl Font]]></category>
		<category><![CDATA[Playful Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[The Owl House Font]]></category>
		<category><![CDATA[Witch Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1813</guid>

					<description><![CDATA[The Owl House is a Disney animated series where Luz Noceda explores the magical Boiling Isles with witch Eda and a demon called King. Make a concise two line excerpt for the content.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">The Owl House Font Generator</h2>



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

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

        const fontData = [
            { name: "Foxcroft-NF-Regular-font", file: "Foxcroft-NF-Regular.ttf ", statement: "Similar", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/foxcroft-nf-font-nicks-fonts?cjdata=MXxOfDB8WXww&cjevent=17154807719a11ee824e01920a18b8f9&utm_campaign=FontGet%20Inc&utm_cid=6092967&utm_content=text_mf2&utm_medium=affiliate&utm_pid=100771349&utm_sid=&utm_source=cj" } }
        ];

    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', 'GOOSEBUMPS');
            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></p>



<p>Before we talk about the Owl House font, let&#8217;s talk about the show.</p>



<h2 class="wp-block-heading">What is The Owl House?</h2>



<p><a href="https://en.wikipedia.org/wiki/The_Owl_House" target="_blank" rel="noopener">The Owl House</a> is a popular Disney animated series following Luz Noceda&#8217;s adventures. She&#8217;s a teenage girl who accidentally enters a portal to a magical world called the Boiling Isles. There, she befriends a witch named Eda Clawthorne and her demon companion King. Luz decides to stay and learn magic from Eda while also discovering the secrets and mysteries of this strange world.</p>



<h2 class="wp-block-heading">About The Owl House Font</h2>



<p><strong>Similar Fonts</strong>: The Owl House show&#8217;s creators used the Foxcroft NF font to create the modified title and logo. Nick Kurtis designed and published Foxcroft NF font. It is a commercial font, so you need to purchase a license before using it.</p>



<p>If you liked this font and are looking for more, then we recommend <a href="https://whatfontfinder.com/the-creator-font/">The Creator</a>, <a href="https://whatfontfinder.com/oppenheimer-font/">Oppenheimer</a>, and <a href="https://whatfontfinder.com/fortnite-font/">Fortnite</a> fonts.</p>



<p>Thank your for reading.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/the-owl-house-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Fortnite Font</title>
		<link>https://whatfontfinder.com/fortnite-font/</link>
					<comments>https://whatfontfinder.com/fortnite-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:44 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Action Font]]></category>
		<category><![CDATA[Adventure Font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Battle Royale Font]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Burbank Big Condensed Black]]></category>
		<category><![CDATA[Epic Games]]></category>
		<category><![CDATA[Fortnite Font]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[gamers font]]></category>
		<category><![CDATA[gaming font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[People Can Fly]]></category>
		<category><![CDATA[Playful Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Sandbox Survival]]></category>
		<category><![CDATA[Tal Leming]]></category>
		<category><![CDATA[Video Game Font]]></category>
		<category><![CDATA[Video Game Logo]]></category>
		<guid isPermaLink="false">http://tdi_114_851</guid>

					<description><![CDATA[The font used in the Fortnite logo is 'Burbank Big Condensed Black,' known for its bold and blocky style. For a replica font, the 'Fortnite' font on FontGet closely resembles it and is free to use. Fortnite is a wildly popular online video game known for its battle royale mode and vibrant, ever-changing gameplay. Players compete to be the last one standing in a dynamic and exciting virtual world.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Fortnite Font Generator</h2>



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

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

        const fontData = [
                        { name: "Fortnite-Battlefest-font", file: "Fortnite-Battlefest-font.ttf", statement: "Replica" },
            { name: "Skramp", file: "Fontspring-DEMO-skramp.otf", statement: "Replica", extraButton: { text: "Buy Now", link: "https://www.fontspring.com/fonts/pizzadude-dk/skramp" } },
{ name: "Burbank-Big-Condensed-Bold-Font", file: "Burbank-Big-Condensed-Bold-Font.otf", statement: "Similar" },
            { name: "Marvin", file: "Marvin.otf", statement: "Similar" },
            { name: "NotoSans-SemiBold", file: "NotoSans-SemiBold.ttf", statement: "In-Game Font" }
        ];

    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', 'FORTNITE');
            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>Looking for a Fortnite Font? Here&#8217;s What You Need to Know</strong></p>



<p><strong>Fortnite Font:</strong> <a href="https://en.wikipedia.org/wiki/Fortnite" target="_blank" rel="noopener">Fortnite</a>, one of the most popular video games worldwide, has a unique font style that adds to its appeal. The font used in the Fortnite logo is called <strong>Burbank Big Condensed Black</strong>. This font is known for its bold and blocky letters, which perfectly complement the game&#8217;s energetic and dynamic nature.</p>



<p><strong>Replica Font:</strong> If you&#8217;re looking for a replica font similar to the Fortnite logo, you can check out the &#8220;Fortnite&#8221; font available on FontGet. This fan-made font closely resembles the original and is free to use.</p>



<p><strong>Similar Fonts:</strong> Two other fonts that have a similar look to the Fortnite logo are Marvin Font and Skramp Font. Marvin Font, originally designed by Michael Chave in 1969, has been used in various contexts, including cartoons and design projects. Skramp Font is another font that closely resembles the Fortnite logo.</p>



<p><strong>In-Game Font:</strong> The font used in the game itself is called Noto Sans. Noto Sans is a popular choice for many applications, including video games like Fortnite. It provides clear and legible text, making it suitable for various user interface elements such as menus, chat boxes, and map displays. Developed by Google and Monotype, Noto Sans is part of the Noto font family, which aims to provide a comprehensive set of fonts covering all major scripts and languages.</p>



<p>Whether you&#8217;re creating Fortnite-inspired graphics or simply curious about the game&#8217;s font, these options will help you achieve the desired look. You can also check our other fonts, such as Pubg, <a href="https://whatfontfinder.com/goosebumps-font/">Goosebumps</a>, and <a href="https://whatfontfinder.com/aquaman-font/">Aquaman </a>fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/fortnite-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Ratatouille Font</title>
		<link>https://whatfontfinder.com/ratatouille-font/</link>
					<comments>https://whatfontfinder.com/ratatouille-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:41 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bistro Font]]></category>
		<category><![CDATA[Chef Font]]></category>
		<category><![CDATA[Cooking Font]]></category>
		<category><![CDATA[Disney Font]]></category>
		<category><![CDATA[Food Font]]></category>
		<category><![CDATA[French Font]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Parisian Font]]></category>
		<category><![CDATA[Pixar Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Ratatouille]]></category>
		<category><![CDATA[Restaurant Font]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">http://tdi_73_661</guid>

					<description><![CDATA[Ratatouille used Copperplate Medium font for its logo and movie poster. It is a slab serif font designed by Frederic Goudy in 1901. The movie tells the story of Remy, a talented rat who aspires to become a chef and creates culinary masterpieces in a Parisian restaurant.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Ratatouille Font Generator</h2>



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

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

        const fontData = [
            { name: "Copperplate-Condensed-SSi-Condensed-font", file: "Copperplate-Condensed-SSi-Condensed.ttf  ", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/copperplate-gothic-font-linotype?testdrive=seed%3D0%26size%3D48%26text%3DRatatouille%26fg%3D000000%26bg%3Dffffff%26src%3Dcustom%26goodies%3D%26browser%255B%255D%26_2x%3D0j" } }
        ];

    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', 'RATATOUILLE');
            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', '35');
            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></p>



<p>Where does the Ratatouille font come from? <a href="https://en.wikipedia.org/wiki/Ratatouille_(film)" target="_blank" rel="noopener">Ratatouille </a>is a Pixar movie released by Walt Disney Pictures. It follows the adventures of a rat named Remy, who loves to cook and wants to become a chef. He ends up in Paris, where he meets a young man named Linguini, who works in a famous restaurant. Together, they try to impress customers and critics with their culinary skills while hiding the fact that Remy is the real cook behind Linguini&#8217;s success. It is also an excellent tribute to France&#8217;s culture and cuisine.</p>



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



<p><strong>Exact</strong>: Ratatouille used Copperplate Medium font for its logo and movie poster. It is a slab serif font designed by Frederic Goudy in 1901 for the American Type Foundry. You can purchase the font from our link easily.</p>



<p>If you are looking for more fonts to explore and download, then check out <a href="https://whatfontfinder.com/the-marvels-font/">Captain Marvel</a>, <a href="https://whatfontfinder.com/the-owl-house-font/">The Owl House</a>, and <a href="https://whatfontfinder.com/loki-font/">Loki </a>Font. </p>



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