<?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 show &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/kids-show/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, 11 Feb 2024 10:21:23 +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 show &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Bluey Font</title>
		<link>https://whatfontfinder.com/bluey-font/</link>
					<comments>https://whatfontfinder.com/bluey-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sat, 10 Feb 2024 15:48:19 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Bluey]]></category>
		<category><![CDATA[Bluey Fonts]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Cartoon Fonts]]></category>
		<category><![CDATA[Famous Font]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[free alternative]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[Free Font Download]]></category>
		<category><![CDATA[free for commercial use]]></category>
		<category><![CDATA[Kids show]]></category>
		<category><![CDATA[YouTube Channel]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3336</guid>

					<description><![CDATA[The custom-made "Bluey Font" used in the logo of the popular Australian animated television series, Bluey, is not available for public use. However, similar fonts exist. "Blueway" by Abu Hasnat, "Hello Headline" by Veneta, and "Magic Sound" are the most similar.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Bluey Font Generator</h2>



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

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

    // Updated fontData with freeDownload attribute
    const fontData = [
        { name: "BLUEY", file: "Blueway.ttf", statement: "Replica", customText: "Bluey", extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/blueway/" }, freeDownload: true },
        { name: "Blueway-Italic", file: "Blueway-Italic.ttf", statement: "Similar", customText: "BLUEY", extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/blueway/" }, freeDownload: true },
        { name: "Magic-Sound", file: "Magic-Sound.ttf", statement: "Similar", customText: "BLUEY", freeDownload: true },
        { name: "Hello-Headline-Regular", file: "Hello-Headline-Regular.ttf", statement: "Similar", customText: "BLUEY", freeDownload: true },
    ];

    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 = 'Fonts 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', '');
        } else if (idx === 1) {
            input.setAttribute('type', 'color');
            input.setAttribute('value', '#000');
        } else {
            input.setAttribute('type', 'range');
            input.setAttribute('min', '10');
            input.setAttribute('max', '150');
            input.setAttribute('value', '40');
        }
        inputRow.appendChild(label);
        inputRow.appendChild(input);
        controlsContainer.appendChild(inputRow);
    });
    previewContainer.appendChild(controlsContainer);

    function updateFontPreviews() {
        const typeInput = controlsContainer.querySelector('input[type="text"]');
        const colorInput = controlsContainer.querySelector('input[type="color"]');
        const sizeInput = controlsContainer.querySelector('input[type="range"]');

        const userEnteredText = typeInput.value.trim(); // Get user-entered text, trimmed to remove leading/trailing whitespace

        Object.keys(fontPreviews).forEach(fontName => {
            const preview = fontPreviews[fontName];
            if (preview) {
                const font = fontData.find(item => item.name === fontName);
                const displayText = userEnteredText !== '' ? userEnteredText : (font.customText || 'Type and Check');
                const color = colorInput.value;
                const size = sizeInput.value + 'px';

                preview.style.color = color;
                preview.style.fontSize = size;
                preview.innerText = displayText;
            }
        });
    }

    function generateImageAndDownload(previewElement, font) {
        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_${font.name.replace(/ /g, '_')}.png`;
        link.click();
    }

    fontData.forEach(({ name, file, statement, extraButton, customText, freeDownload }, 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, { name, file });
        });
        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);
        }
        
        if (freeDownload) {
            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;
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            });
            fontContainer.appendChild(downloadBtn);
        }

        previewContainer.appendChild(fontContainer);
    });

    controlsContainer.querySelectorAll('input').forEach(input => {
        input.addEventListener('input', updateFontPreviews);
    });

    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 font used in the logo of the popular Australian animated television series, Bluey, is custom-made and is often referred to as the &#8220;Bluey Font&#8221;.&nbsp;However, there are a few fonts that closely resemble it.</p>



<p>The most similar fonts to the Bluey logo are &#8220;<strong>Blueway</strong>&#8221; by Abu Hasnat, &#8220;<strong>Hello Headline</strong>&#8221; by font author Veneta and &#8220;<strong>Magic Sound</strong>&#8220;.&nbsp;These fonts offer a diverse range of glyphs and belong to delightful font families, allowing designers to create graphics, images, and designs that pay homage to the original logo&#8217;s lighthearted charm.</p>



<p><strong>Blueway</strong>, a font by Abu Hasnat, is one such option. This free demo font is a close replica of the Bluey Font and can be purchased from the <a href="https://www.creativefabrica.com/product/blueway/" data-type="link" data-id="https://www.creativefabrica.com/product/blueway/" target="_blank" rel="noopener">owner&#8217;s shop</a> for commercial use. It offers a diverse range of glyphs and belongs to a delightful font family.</p>



<p>&#8220;Hello Headline&#8221; is a professional typeface that features colorful, rounded lettering.&nbsp;It is used in the official Bluey logo, which perfectly portrays the showâ€™s playful spirit against a sunny backdrop.</p>



<p>&#8220;Magic Sound&#8221; is a handwritten font that has a fun and energetic vibe.&nbsp;It is most similar to the Bluey logo and can be used for various design projects such as invitations, flyers, cards, labels, etc.</p>



<p>Please also check out our other fonts like <a href="https://whatfontfinder.com/space-jam-font/">Space Jam</a>, <a href="https://whatfontfinder.com/dr-seus-font/">Dr. Seus</a>, <a href="https://whatfontfinder.com/powerpuff-girls-font/">Powerpuff Girls</a>, <a href="https://whatfontfinder.com/steven-universe-font/">Steven Universe</a>, <a href="https://whatfontfinder.com/disneyland-font/">Disneyland</a> and etc.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/bluey-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>
	</channel>
</rss>
