<?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>Kids font &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/kids-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>Sun, 14 Jan 2024 07:55:41 +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>Kids font &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Kung Fu Panda Font</title>
		<link>https://whatfontfinder.com/kung-fu-panda-font/</link>
					<comments>https://whatfontfinder.com/kung-fu-panda-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 14 Jan 2024 07:54:56 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Children font]]></category>
		<category><![CDATA[Dreamwork animation]]></category>
		<category><![CDATA[Dreamworks]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Humor]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[Kung Fu]]></category>
		<category><![CDATA[Kung Fu Panda]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Martial Arts]]></category>
		<category><![CDATA[Panda]]></category>
		<category><![CDATA[Po]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[retro]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3133</guid>

					<description><![CDATA[Explore the playful spirit of Kung Fu Panda with the exclusive Kung Fu font from HackFonts, inspired by the animated DreamWorks classic. Although the original movie's logo features a custom font, this free alternative captures the essence of the film's humour and action. Dive into the world of Po, the lovable panda aspiring to be a kung fu master, and embark on a typographic journey reminiscent of the film's charm and excitement.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Kung Fu Panda Font Generator</h2>



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

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

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

    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', 'KUNG FU PANDA');
            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', '45');
            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>Do you want the Kung Fu Panda font? <a href="https://en.wikipedia.org/wiki/Kung_Fu_Panda_(film)" target="_blank" rel="noopener">Kung Fu Panda</a> is an animated movie by DreamWorks Animation. It follows the adventures of Po, a clumsy panda who dreams of becoming a kung fu master. He gets the chance to train with the legendary Furious Five and their teacher, Master Shifu, when he is chosen as the Dragon Warrior, the one who can stop the evil Tai Lung from destroying the Valley of Peace.</p>



<p>The movie is a comedy that mixes action, humour, and emotion and features the voices of Jack Black, Angelina Jolie, Dustin Hoffman, and others. The movie was released in 2008 and was a huge success, spawning three sequels and several spin-offs. The movie is inspired by various sources, such as classic Kung Fu movies, Chinese culture, and video games.</p>



<p>The font used on the movie logo is custom made. So it isn&#8217;t available to the public. But we have found a font called the Kung Fu font. HackFonts is the company that created it. You can download it for free.</p>



<p>We also recommend you check out other Disney-inspired fonts likeÂ <a href="https://whatfontfinder.com/mulan-font/">Mulan</a>, <a href="https://whatfontfinder.com/tangled-font/">Tangled</a>,Â <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/kung-fu-panda-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Steven Universe Font</title>
		<link>https://whatfontfinder.com/steven-universe-font/</link>
					<comments>https://whatfontfinder.com/steven-universe-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 13 Jan 2024 14:39:56 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Cartoon Network]]></category>
		<category><![CDATA[Children font]]></category>
		<category><![CDATA[crewniverse]]></category>
		<category><![CDATA[crystal gems]]></category>
		<category><![CDATA[crystal universe]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[maxigamer]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[puffy]]></category>
		<category><![CDATA[rebecca sugar]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[steven universe]]></category>
		<category><![CDATA[title card]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3094</guid>

					<description><![CDATA[The Steven Universe logo features a custom-made font, and a designer named MaxiGamer later recreated it as the Crewniverse font. Additionally, there's a Crown Universe font available for free download through our link. Steven Universe is an animated series with five seasons, a movie, and an epilogue series created by Rebecca Sugar for Cartoon Network. The show delves into themes of love, family, identity, and diversity through the adventures of Steven, a half-human, half-alien boy, and his magical friends, the Crystal Gems, who protect the Earth from evil.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Steven Universe Font Generator</h2>



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

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

        const fontData = [
            { name: "crewniverse-font", file: "crewniverse-font.otf", statement: "Replica" },
            { name: "CrystalUniverse-Regular-font", file: "CrystalUniverse-Regular.otf", 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', 'STEVEN UNIVERSE');
            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>The Steven Universe font used on the logo is actually custom made. But a designer named MaxiGamer replicated the font as Crewniverse font. There&#8217;s also a&nbsp;Crown Universe font. You can download them both for free from our link.</p>



<p><a href="https://en.wikipedia.org/wiki/Steven_Universe" target="_blank" rel="noopener">Steven Universe</a> is an original animated series created by Rebecca Sugar for Cartoon Network. It follows the adventures of a young boy named Steven, who is half-human and half-alien, and his friends, the Crystal Gems, who are magical beings that protect the Earth from evil. The show has five seasons, a movie, and an epilogue series, and it explores themes such as love, family, identity, and diversity.</p>



<p>If you like this cartoon font and looking for more then we suggest <a href="https://whatfontfinder.com/cocomelon-font/">Cocomelon</a>,Â <a href="https://whatfontfinder.com/family-guy-font/">Family Guy</a>,Â <a href="https://whatfontfinder.com/winnie-the-pooh-font/">Winnie The Pooh</a>,Â <a href="https://whatfontfinder.com/adventure-time-font/">Adventure Time</a>, andÂ <a href="https://whatfontfinder.com/looney-tunes-font/">Looney Tunes</a>Â fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/steven-universe-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<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>My Little Pony Font</title>
		<link>https://whatfontfinder.com/my-little-pony-font/</link>
					<comments>https://whatfontfinder.com/my-little-pony-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 10 Dec 2023 12:49:37 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[Animated Font]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[equestria]]></category>
		<category><![CDATA[fantasy]]></category>
		<category><![CDATA[friendship is magic]]></category>
		<category><![CDATA[hasbro]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[magic]]></category>
		<category><![CDATA[mlp]]></category>
		<category><![CDATA[my little pony]]></category>
		<category><![CDATA[My Little Pony Font]]></category>
		<category><![CDATA[pegasus]]></category>
		<category><![CDATA[pony]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[rainbow]]></category>
		<category><![CDATA[sparkle]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[toy font]]></category>
		<category><![CDATA[TV Series Font]]></category>
		<category><![CDATA[unicorn]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2651</guid>

					<description><![CDATA[Discover the perfect font for your My Little Pony-themed projects! We've found a fan-created replica of the iconic My Little Pony logo font, aptly named the MLP font. Ideal for both personal and commercial use, this font captures the whimsical charm of the widely beloved My Little Pony franchise. From toys to TV shows and beyond, My Little Pony has enchanted audiences since 1981 with its colorful characters and unique cutie marks. Download the MLP font now and bring a touch of magic to your creations!]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">My Little Pony Font Generator</h2>



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

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

        const fontData = [
            { name: "PONY-MLP-2-Version-2-font", file: "PONY-MLP-2-Version-2.ttf", statement: "Replica" },
            { name: "PONY-MLP-2-Version-Definitiva-6-Kustren-font", file: "PONY-MLP-2-Version-Definitiva-6-Kustren.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', 'My Little Pony');
            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 My Little Pony font? Then you&#8217;re in the right spot! My Little Pony used a custom font in their logo. But we found a fan-made replica font called My Little Pony, or MLP font for short. This font is free for both personal and commercial use. So download it now!</p>



<p><a href="https://en.wikipedia.org/wiki/My_Little_Pony" target="_blank" rel="noopener">My Little Pony</a>Â is a media franchise developed by the American toy company Hasbro. It began with a line of pony toys in 1981. It has since grown to encompass many media, including animated television series, direct-to-video films, feature films, comic books, video games, and more.</p>



<p>It features colorful ponies with unique symbols on their sides, called cutie marks. The most recent generation, launched in 2010, includes an animated series called My Little Pony: Friendship Is Magic, with a large fan base of children and adults.</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/my-little-pony-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Boss Baby Font</title>
		<link>https://whatfontfinder.com/boss-baby-font/</link>
					<comments>https://whatfontfinder.com/boss-baby-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 09 Dec 2023 12:38:01 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[animated]]></category>
		<category><![CDATA[Baby Boss font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Boss Baby font]]></category>
		<category><![CDATA[Charming font]]></category>
		<category><![CDATA[Children font]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[cute]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[display font]]></category>
		<category><![CDATA[fun]]></category>
		<category><![CDATA[Handwritten]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[Lighthearted]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Playful]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[Small caps]]></category>
		<category><![CDATA[Thin Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2634</guid>

					<description><![CDATA[Immerse yourself in the world of 'Boss Baby' with the fan-replicated Boss Baby font, inspired by the custom-made font from the movie's logo. This downloadable font, available for free use, captures the essence of the 2017 DreamWorks Animation hit. 'Boss Baby' blends comedy and adventure, depicting a unique story of a boy and his secret agent baby brother thwarting a corporate plot. Despite mixed reviews, the film, based on Marla Frazee's book, was a box-office sensation.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Boss Baby Font Generator</h2>



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

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

        const fontData = [
            { name: "Boss-Baby-font", file: "Boss-Baby.otf", statement: "Exact" }
        ];

    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', 'BOSS BABY');
            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>Boss Baby font used on the Boss Baby movie logo is custom-made. But a fan has replicated the font and named it Boss Baby font. You can download and use this font for free.<br><a href="https://www.imdb.com/title/tt3874544/" target="_blank" rel="noopener">Boss Baby</a> is a 2017 animated comedy film that tells the story of a boy who teams up with his baby brother, who is actually a secret agent, to stop a plot by the CEO of Puppy Co. The film is based on a book by Marla Frazee. The film was produced by DreamWorks Animation and distributed by 20th Century Fox. It received mixed reviews from critics but was a box-office success.</p>



<p>Check out our other movies font like <a href="https://whatfontfinder.com/iron-man-font/">Iron Man</a>, <a href="https://whatfontfinder.com/klaus-font/">Klaus</a>, and <a href="https://whatfontfinder.com/minions-font/">Minion</a> fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/boss-baby-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Adventure Time Font</title>
		<link>https://whatfontfinder.com/adventure-time-font/</link>
					<comments>https://whatfontfinder.com/adventure-time-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Wed, 06 Dec 2023 12:47:04 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Adventure Time]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Children font]]></category>
		<category><![CDATA[decorative]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[fantasy]]></category>
		<category><![CDATA[free for commercial use]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[post-apocalyptic]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Typeface]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2612</guid>

					<description><![CDATA[Explore the world of Adventure Time with the Adventure Time Logo font, a fan-recreated version of the custom font used in the beloved cartoon. Available for free, it's perfect for both personal and commercial projects. Dive into the imaginative universe created by Pendleton Ward, where Finn and Jake embark on quests in the post-apocalyptic land of Ooo. This critically acclaimed series, known for its humor, drama, and exploration of deep themes, aired on Cartoon Network and continues to captivate fans worldwide.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Adventure Time Font Generator</h2>



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

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

        const fontData = [
            { name: "Adventure-Time-Logo-font", file: "Adventure-Time-Logo.ttf ", statement: "Exact" }
        ];

    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', 'ADVENTURE TIME');
            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>Adventure Time Font used in the popular Adventure Time cartoon is custom. But a fan has recreated the replica and named it the Adventure Time Logo font. You can download it for free and use it for personal and commercial use.</p>



<p><a href="https://en.wikipedia.org/wiki/Adventure_Time" target="_blank" rel="noopener">Adventure Time</a> is a creative and original animated show created by Pendleton Ward. Frederator Studios and Cartoon Network Studios produced the show, which aired on Cartoon Network from 2010 to 2018. It tells the story of Finn, a human boy, and Jake, a shape-shifting dog living in a post-apocalyptic world called Ooo. They go on various quests and adventures, meeting many strange and colorful characters. The show is full of humor, action, drama, and emotion, exploring themes such as friendship, love, identity, morality, and the meaning of life. It has won many awards, received critical acclaim, and has a large and loyal fan base.</p>



<p>If you liked this font and looking for similar cartoon kids fonts then check out <a href="https://whatfontfinder.com/ben-10-font/">Ben 10</a>, <a href="https://whatfontfinder.com/looney-tunes-font/">Looney Tunes</a>, and <a href="https://whatfontfinder.com/haikyu-font/">Haikyu </a>fonts.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/adventure-time-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Looney Tunes Font</title>
		<link>https://whatfontfinder.com/looney-tunes-font/</link>
					<comments>https://whatfontfinder.com/looney-tunes-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Wed, 29 Nov 2023 12:46:12 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Alphabet Soup Tilt]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bugs Bunny font]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Children font]]></category>
		<category><![CDATA[Comedy font]]></category>
		<category><![CDATA[Distorted Font]]></category>
		<category><![CDATA[Fancy Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[horror font]]></category>
		<category><![CDATA[Jagged font]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[Kids show]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Looney Tunes font]]></category>
		<category><![CDATA[movie font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Sickness font]]></category>
		<category><![CDATA[Tune Squad font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2506</guid>

					<description><![CDATA[Looking for the Looney Tunes logo font? It combines Toony Line, a bold sans-serif font by Mans Greback (for personal use), and Looney Tunes Tilt BT (free for personal and commercial use). Looney Tunes, a classic Warner Bros. series, introduced iconic characters like Bugs Bunny and Daffy Duck, known for humor, music, and slapstick comedy, from 1930 to 1969.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Looney Tunes Font Generator</h2>



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

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

        const fontData = [
            { name: "ToonyLineFill-font", file: "ToonyLineFill.otf ", statement: "Similar" },
            { name: "Looney-Tunes-Tilt-BT-font", file: "Looney-Tunes-Tilt-BT.ttf ", statement: "Alternative" }
        ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'Looney Tunes');
            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>Looney Tunes logo font resembles two fonts. The fonts are Toony Line and Looney Tunes Tilt BT. Toony Line is a bold sans-serif font designed by Mans Greback. It is available for personal use only. If you want the full effect like the logo, you can try Looney Tunes Tilt BT. This font is free for personal and commercial use.</p>



<p><a href="https://en.wikipedia.org/wiki/Looney_Tunes" target="_blank" rel="noopener">Looney Tunes</a> is a series of animated short films by Warner Bros. that started in 1930 and lasted until 1969. It featured many famous cartoon characters, such as Bugs Bunny, Daffy Duck, Porky Pig, Tweety, Sylvester, Road Runner, Wile E. Coyote, and more. Looney Tunes was known for its humor, music, and slapstick comedy.</p>



<p>If you liked this font check out <a href="https://whatfontfinder.com/winnie-the-pooh-font/">Winnie The Pooh</a>, <a href="https://whatfontfinder.com/the-owl-house-font/">The Owl House</a>, and <a href="https://whatfontfinder.com/jujutsu-kaisen-font/">Jujutsu Kaisen</a> fonts now.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/looney-tunes-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>Moana Font</title>
		<link>https://whatfontfinder.com/moana-font/</link>
					<comments>https://whatfontfinder.com/moana-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:43 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Children's Book Font]]></category>
		<category><![CDATA[classic]]></category>
		<category><![CDATA[cute]]></category>
		<category><![CDATA[Cute Font]]></category>
		<category><![CDATA[Disney Font]]></category>
		<category><![CDATA[friendly]]></category>
		<category><![CDATA[funny]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Pooh Bear Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[storybook]]></category>
		<category><![CDATA[Winnie the Pooh Font]]></category>
		<guid isPermaLink="false">http://tdi_110_ba1</guid>

					<description><![CDATA[Moana, a 2016 Disney animated film inspired by Polynesian mythology, introduces Moanas font, a replica of the movie's logo font available for free download. ]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Moana Font Generator</h2>



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

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

        const fontData = [
            { name: "Moanas-font", file: "Moanas.ttf ", statement: "Replica", statement: "Replica" },
            { name: "Flat-Earth-Scribe-font", file: "Flat-Earth-Scribe.ttf ", statement: "Similar", 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', 'MOANA');
            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', '50');
            input.addEventListener('input', updateFontPreviews);
        }
        inputRow.appendChild(label);
        inputRow.appendChild(input);
        controlsContainer.appendChild(inputRow);
    });
    previewContainer.appendChild(controlsContainer);

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

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

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

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

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



<p>The Moana font was designed specifically for the Moana movie logo. But we found a replica called Moanas font. And it is accessible to download. You can also try Flat Earth Scribe for a different look.</p>



<p><a target="_blank" href="https://en.wikipedia.org/wiki/Moana_(2016_film)" rel="noreferrer noopener">Moana&nbsp;</a>is a 2016 animated film produced by Walt Disney Animation Studios and inspired by Polynesian mythology. It tells the story of Moana, a young girl who loves the ocean and wants to explore the world beyond her island. The film features the voices of Auliâ€™i Cravalho as Moana, Dwayne Johnson as Maui, Rachel House as Gramma Tala, and others. The film was praised for its animation, music, and voice performances. It received two Oscar nominations for Best Animated Feature and Best Original Song.</p>



<p>Check out <a href="https://whatfontfinder.com/ratatouille-font/">Ratatoulle</a>, <a href="https://whatfontfinder.com/winnie-the-pooh-font/">Winnie the Pooh</a>, and <a href="https://whatfontfinder.com/brave-font/">Brave </a>fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/moana-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Winnie The Pooh Font</title>
		<link>https://whatfontfinder.com/winnie-the-pooh-font/</link>
					<comments>https://whatfontfinder.com/winnie-the-pooh-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:43 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[A.A. Milne]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bear]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Childlike Font]]></category>
		<category><![CDATA[children]]></category>
		<category><![CDATA[Children font]]></category>
		<category><![CDATA[Disney Characters]]></category>
		<category><![CDATA[Disney Font]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[honey]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Pooh Font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Winnie the Pooh Font]]></category>
		<category><![CDATA[Winnie the Pooh Logo]]></category>
		<category><![CDATA[Winnie the Pooh Typeface]]></category>
		<guid isPermaLink="false">http://tdi_112_d16</guid>

					<description><![CDATA[Winnie the Pooh, created by A. A. Milne and E. H. Shepard, is a beloved character who lives in the Hundred Acre Wood with friends. The logo used a custom design, but you can use free fonts named Piglet and Pooh for similar styles.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Winnie The Pooh Font Generator</h2>



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

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

        const fontData = [
            { name: "pooh-font", file: "pooh.ttf ", statement: "Replica", statement: "Replica" },
            { name: "Piglet-font", file: "Piglet.ttf ", statement: "Similar", 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', 'Winnie The Pooh');
            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', '50');
            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><a href="https://en.wikipedia.org/wiki/Winnie-the-Pooh" target="_blank" rel="noopener">Winnie the Pooh</a> is a beloved character in childrenâ€™s literature and animation. He is a yellow teddy bear who loves honey. He lives in the Hundred Acre Wood with his friends Piglet, Tigger, Eeyore, Rabbit, Owl, Kanga, and Roo. He was created by the English author A. A. Milne and the illustrator E. H. Shepard. Shepard based him on a stuffed toy belonging to Milneâ€™s son, Christopher Robin.</p>



<p>They used to custom design the logo. However, we found two fonts matching the logo. These fonts are called Piglet and Pooh. They are both free to download. So you can use them for personal and commercial uses.</p>



<p>You can also check out our Disney-inspire <a href="https://whatfontfinder.com/the-owl-house-font/">The Owl House</a>, <a href="https://whatfontfinder.com/ratatouille-font/">Ratatouille</a>, and <a href="https://whatfontfinder.com/brave-font/">Brave </a>fonts. </p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/winnie-the-pooh-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
