<?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>Nursery Rhymes &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/nursery-rhymes/feed/" rel="self" type="application/rss+xml" />
	<link>https://whatfontfinder.com</link>
	<description>Find fonts for your favorite movies, logos, brands, music, and books.</description>
	<lastBuildDate>Thu, 14 Dec 2023 12:01:09 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

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

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



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

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

        const fontData = [
           { name: "Bubble-Bobble-font", file: "Bubble-Bobble.ttf", statement: "Similar" },
           { name: "Muska-Highlight-font", file: "Muska-Highlight.ttf", statement: "Similar" },
            { name: "Cocomelon-font", file: "Cocomelon.ttf", statement: "Similar" }
        ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'COCOMELON');
            input.addEventListener('input', updateFontPreviews);
        } else if (idx === 1) {
            input.setAttribute('type', 'color');
            input.setAttribute('value', '#000');
            input.addEventListener('input', updateFontPreviews);
        } else {
            input.setAttribute('type', 'range');
            input.setAttribute('min', '10');
            input.setAttribute('max', '150');
            input.setAttribute('value', '60');
            input.addEventListener('input', updateFontPreviews);
        }
        inputRow.appendChild(label);
        inputRow.appendChild(input);
        controlsContainer.appendChild(inputRow);
    });
    previewContainer.appendChild(controlsContainer);

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

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

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

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

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



<p>Cocomelon font used in the Cocomelon logo is custom. But we found two matches: bubble bobble and Muska font. Fontget also recreated a font and named it Cocomelon font. <a href="https://cocomelon.com/" target="_blank" rel="noopener">Cocomelon&#8217;s </a>official web pages used <a href="https://dafontonline.com/avenir-next-rounded-font-download-free/" target="_blank" rel="noopener">Avenir Next Rounded</a>, <a href="https://www.myfonts.com/collections/swiss-721-rounded-font-bitstream?" target="_blank" rel="noopener">Swiss 721 Rounded</a>, and <a href="https://www.myfonts.com/collections/teebrush-paint-font-linotype?" target="_blank" rel="noopener">Teebrush Painted</a> for the headlines and menu text.</p>



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



<p>You can also check out our other cartoon fonts likeÂ <a href="https://whatfontfinder.com/family-guy-font/">Family Guy</a>,Â <a href="https://whatfontfinder.com/winnie-the-pooh-font/">Winnie The Pooh</a>,Â <a href="https://whatfontfinder.com/adventure-time-font/">Adventure Time</a>, andÂ <a href="https://whatfontfinder.com/looney-tunes-font/">Looney Tunes</a>Â fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/cocomelon-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
