<?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>What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/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>Tue, 25 Feb 2025 13:17:12 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://whatfontfinder.com/wp-content/uploads/2023/10/Whatfontfinder-icon.png</url>
	<title>What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Friends Font</title>
		<link>https://whatfontfinder.com/friends-font/</link>
					<comments>https://whatfontfinder.com/friends-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Mon, 08 Apr 2024 15:30:17 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[Friends]]></category>
		<category><![CDATA[handwritten typeface]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Replica Fonts]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3438</guid>

					<description><![CDATA[The popular sitcom Friends has a custom-made logo font that is not officially available. However, there are several replica fonts that capture the essence of the show's logo.]]></description>
										<content:encoded><![CDATA[
<p>&#8220;Friends&#8221; is recognized as a cultural phenomenon that aired on NBC from 1994 to 2004. Created by David Crane and Marta Kauffman, the series follows six friends in their 20s and 30s living in Manhattan, New York City.</p>



<p>While the original Friends font was custom-made for the show and is not officially available, several designers have created fonts inspired by the logo.</p>



<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: "Ends", file: "Ends.otf", statement: "Replica", freeDownload: false, customText: "F.R.I.E.N.D.S", extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/ends/ref/2465626/" } },
    { name: "Gabriel-Friends", file: "Gabriel-Friends.ttf", statement: "Replica", freeDownload: true, customText: "F.R.I.E.N.D.S" },
    { name: "Minus-cre", file: "Minus-cre.ttf", statement: "Replica", freeDownload: true, customText: "F.R.I.E.N.D.S" }

    ];

    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><strong>Replica Fonts:</strong></p>



<ul class="wp-block-list">
<li><strong>Ends Font:</strong> Designed by Abu Hasnat, this font is described as sweet and friendly, capturing the essence of the original &#8220;Friends&#8221; logo font. It&#8217;s a paid font, but it is noted to be affordable.</li>



<li><strong>Gabriel Weissâ€™s Friends Font:</strong> This font is a creation by designer Gabriel Weiss, who took inspiration from the &#8220;Friends&#8221; logo to craft a similar typeface.</li>



<li><strong>Minus Cre Font:</strong> Created by Fred Cre, this handwritten typeface is noted for its unique style and can serve as another alternative for those looking to mimic the &#8220;Friends&#8221; logo aesthetic.</li>
</ul>



<p>These fonts are not exact copies but are inspired by the logo&#8217;s style, offering fans and designers the opportunity to create work with a similar vibe to the beloved show.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/friends-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Hello Kitty Fonts</title>
		<link>https://whatfontfinder.com/hello-kitty-fonts/</link>
					<comments>https://whatfontfinder.com/hello-kitty-fonts/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 25 Feb 2024 10:42:51 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Cute Fonts]]></category>
		<category><![CDATA[Hello Kitty]]></category>
		<category><![CDATA[Hello Kitty Branding]]></category>
		<category><![CDATA[Playful Fonts]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3426</guid>

					<description><![CDATA[Explore Hello Kitty-inspired fonts such as Janda Happy Day, Boldins, Odin Rounded, and Veronica Script to add a playful and cute touch to your designs, capturing the essence of the globally beloved character.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Hello Kitty 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: "Curly-Luly-W-Regular", file: "Curly-Luly-W-Regular.ttf", statement: "In-Game Font", customText: "Hello Kitty", freeDownload: false, extraButton: { text: "Buy Now", link: "https://www.tkqlhce.com/click-100446921-15596246?url=https%3A%2F%2Fwww.fontspring.com%2Ffonts%2Ffonthaus%2Fcurly-luly" } },
{ name: "boldins-regular", file: "boldins-regular.otf", statement: "Original", customText: "Hello Kitty", freeDownload: true },
{ name: "Odin-Rounded-Bold", file: "Odin-Rounded-Bold.otf", statement: "Original", customText: "Hello Kitty", freeDownload: true },
{ name: "Veronica", file: "Veronica.ttf", statement: "Original", customText: "Hello Kitty", freeDownload: true },
{ name: "Cecil34", file: "Cecil34.ttf", statement: "In-Game Font", customText: "Hello Kitty", freeDownload: true },
{ name: "Hello-Kitty-Dingbats", file: "Hello-Kitty-Dingbats.otf", statement: "In-Game Font", customText: "Hello Kitty", freeDownload: true },
{ name: "Absolut-Pro-Bold", file: "Absolut-Pro-Bold.otf", statement: "In-Game Font", customText: "Hello Kitty", freeDownload: true },
{ name: "Hello-Heartache", file: "Hello-Heartache.ttf", statement: "In-Game Font", customText: "Hello Kitty", freeDownload: true },
{ name: "New-ChickFilA", file: "New-ChickFilA.ttf", statement: "In-Game Font", customText: "Hello Kitty", freeDownload: true },
{ name: "Chick-fool-A", file: "Chick-fool-A.ttf", statement: "In-Game Font", customText: "Hello Kitty", freeDownload: true },
{ name: "LMS-Hello-Kitty-Hello", file: "LMS-Hello-Kitty-Hello.ttf", statement: "In-Game Font", customText: "Hello Kitty", 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>If you&#8217;re looking to capture the essence of Hello Kitty&#8217;s branding through typography, there are several fonts that closely resemble or are inspired by the iconic character&#8217;s playful and cute aesthetic. Hello Kitty, created by Sanrio in 1974, is a globally recognized character known for her simplicity and charm. The fonts associated with Hello Kitty&#8217;s branding have evolved over the years, but they consistently maintain a cute, playful, and approachable look.</p>



<h4 class="wp-block-heading">Recommended Hello Kitty-Inspired Fonts</h4>



<ol class="wp-block-list">
<li><strong>Janda Happy Day Font</strong>Â &#8211; This font is noted for its lovely handwritten appearance and includes lovely swirls, curls, flourishes, and embellishments reminiscent of the original character created by Yuko Shimizu. It&#8217;s suitable for a wide range of custom graphics.</li>



<li><strong>Boldins Font</strong>Â &#8211; Designed by Hugefonts, Boldins Font has a bold and playful look with rounded edges and curves, making it a good match for Hello Kitty&#8217;s style.</li>



<li><strong>Odin Rounded â€“ Bold Font</strong>Â &#8211; Odin Rounded Font, made by Frank Hemmekam, features a geometric and modern style with smooth circles and lines, aligning with the Hello Kitty aesthetic.</li>



<li><strong>Veronica Script Font</strong>Â &#8211; This font has a handwritten and elegant style, with swashes and flourishes, and includes a variety of typographic features.</li>



<li><strong>Curly Luly Font</strong>Â &#8211; A script font with curly and whimsical letters, created by Laura Worthington, suitable for logos, headlines, and labels needing a cute touch.</li>



<li><strong>Hello Kitty Dingbats Font</strong>Â &#8211; Offered by Woodcutter, this dingbat font includes Hello Kitty-related images and symbols, perfect for creating Hello Kitty-themed designs.</li>



<li><strong>Hello Kitty Font by Woodcutter</strong>Â &#8211; A 100% free font that includes Hello Kitty dingbats, allowing for the creation of unique Hello Kitty-themed projects.</li>



<li><strong>Goji &amp; Bool</strong>Â &#8211; These fonts are mentioned as Hello Kitty-style fonts, with Goji having a bubble character and Bool featuring bold, lowercase letters in a fun serif style.</li>
</ol>



<h4 class="wp-block-heading">Additional Fonts for Consideration</h4>



<ul class="wp-block-list">
<li><strong>Countryhouse Font</strong>Â &#8211; Has a simple and clean style with a marker-like texture.</li>



<li><strong>Hello Heartache Font, New ChickFilA Font, Chick fool A Font, LMS Hello Kitty Hello Font, Absolut Pro Bold Font</strong>&nbsp;&#8211; While not directly mentioned in the provided sources, fonts with playful, bold, and rounded characteristics similar to those listed above may also capture the Hello Kitty aesthetic effectively.</li>
</ul>



<p>We appreciate your time spent reading about the Hello Kitty Fonts. Take a moment to explore our other font offerings, including <a href="https://whatfontfinder.com/super-mario-fonts/">Super Mario</a>, <a href="https://whatfontfinder.com/bluey-font/">Bluey</a>, and <a href="https://whatfontfinder.com/powerpuff-girls-font/">Powerpuff Girls</a>. Enjoy the font-filled adventure!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/hello-kitty-fonts/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Brawl Stars Font</title>
		<link>https://whatfontfinder.com/brawl-stars-font/</link>
					<comments>https://whatfontfinder.com/brawl-stars-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 25 Feb 2024 09:05:13 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Brawl Stars]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Lilita One]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Mobile game]]></category>
		<category><![CDATA[Nougat]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Supercell]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3419</guid>

					<description><![CDATA[The retro font Nougat is used in the Brawl Stars logo while the bold font Lilita One is used for in-game text. This article summarizes the game's typography and how to utilize the fonts for branding.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Brawl Stars 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: "Nougat-ExtraBlack", file: "Nougat-ExtraBlack.ttf", statement: "Original Logo Font", customText: "Brawl Stars", freeDownload: true },
{ name: "LilitaOne-Regular", file: "LilitaOne-Regular.ttf", statement: "In-Game Font", customText: "Brawl Stars", 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>Brawl Stars was developed and published by the mobile game company Supercell. In 2020, Supercell was estimated to be worth around $10.2 billion, with Brawl Stars being one of their most popular and likely most valuable games.</p>



<p>The font used in the Brawl Stars logo is called &#8220;<strong>Nougat</strong>&#8220;. It was created by designer Dieter Steffmann and features retro-style display serifs that give it a unique and nostalgic aesthetic. The font has been augmented with 3D effects in the Brawl Stars logo to enhance its visual appeal.</p>



<p>The font used for the graphical user interface and in-game text in Brawl Stars is called &#8220;<strong>Lilita One</strong>&#8220;. It was designed by Juan Montoreano and features a bold, condensed structure with architectural letterforms.</p>



<p>Both the &#8220;Nougat&#8221; and &#8220;Lilita One&#8221; fonts can be downloaded and used for free for both personal and commercial projects. They are available in OTF and TTF formats.</p>



<p>In summary, the Brawl Stars font helps create a cohesive aesthetic both in-game and when used for branding purposes. The retro-style logo font and bold in-game font are free to use and give creative opportunities to fans.</p>



<p>Thank you for reading about the Brawl Stars Font. As you continue your font journey, consider checking out our other font options like <a href="https://whatfontfinder.com/cookie-run-font/">Cookie Run</a>, <a href="https://whatfontfinder.com/super-mario-fonts/">Super Mario</a>, <a href="https://whatfontfinder.com/pokemon-font/">Pokemon</a>, and <a href="https://whatfontfinder.com/up-up-and-away-font/">Up Up and Away</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/brawl-stars-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Cookie Run Font</title>
		<link>https://whatfontfinder.com/cookie-run-font/</link>
					<comments>https://whatfontfinder.com/cookie-run-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 25 Feb 2024 06:50:01 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Cookie Run]]></category>
		<category><![CDATA[CookieRun Typeface]]></category>
		<category><![CDATA[DevSisters]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3414</guid>

					<description><![CDATA[The CookieRun Typeface seems to be the most distinctive font associated with the Cookie Run brand identity and games. It's available for free personal use, while commercial use requires contacting Devsisters for licensing.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Cookie Run 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: "CookieRun-Black", file: "CookieRun-Black.ttf", statement: "Original", customText: "COOKIRUN", freeDownload: true },
{ name: "CookieRun-Bold", file: "CookieRun-Bold.ttf", statement: "Original", customText: "COOKIRUN", freeDownload: true },
{ name: "CookieRun-Regular", file: "CookieRun-Regular.ttf", statement: "Original", customText: "COOKIRUN", freeDownload: true },
{ name: "NotoSans-Regular", file: "NotoSans-Regular.ttf", statement: "In-Game Font", customText: "COOKIRUN", freeDownload: true },
{ name: "vagroundedbt-regular", file: "vagroundedbt-regular.otf", statement: "In-Game Font", customText: "COOKIRUN", freeDownload: true },
{ name: "Mikado-Bold-DEMO", file: "Mikado-Bold-DEMO.otf", statement: "In-Game Font", customText: "COOKIRUN", 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><strong><a href="https://www.cookierun-kingdom.com/en/" data-type="link" data-id="https://www.cookierun-kingdom.com/en/" target="_blank" rel="noopener">Cookie Run</a></strong> is a popular mobile game series known for its charming and playful aesthetic. The game&#8217;s unique visual style extends to its typography, with a distinctive font that captures the spirit of the game&#8217;s adventurous cookie characters.</p>



<p>The <strong>Cookie Run font</strong> was created by Devsisters Corp specifically for the Cookie Run game series. The actual name of this font is <strong>CookieRun Typeface</strong>. This font is available for free for personal use, with the download file including both OTF and TTF font variants. The font family includes Regular, Bold, and Black weight variants. For commercial use or specific industry applications, users are advised to contact DevSisters for usage guidelines and licensing.</p>



<p>It has a playful, rounded aesthetic that matches the cute cookie characters. The Cookie Run font is very creative and unique, with stylish glyphs and big caps versions that have been used by designers in various projects, including branding, web design, advertising, and print design. It has a smooth texture and a unique design, making it an excellent choice for logo design and other applications where a compact, stylish font is needed.</p>



<p>In addition to the CookieRun Typeface, the game also employs the <strong>Mikado typeface</strong> in its logo and in-game text. The Cookie Run game includes various fonts such as Mikado, <strong>VAG Rounded</strong>, and <strong>Noto Sans</strong>, which are available for download and installation.</p>



<p>Thank you for taking the time to read about the Cookie Run Font. While you&#8217;re here, why not check out our other font offerings, including <a href="https://whatfontfinder.com/super-mario-fonts/">Super Mario</a>, <a href="https://whatfontfinder.com/pokemon-font/">Pokemon</a>, <a href="https://whatfontfinder.com/lego-font/">Lego</a> and <a href="https://whatfontfinder.com/baldurs-gate-font/">Baldurâ€™s Gate</a>? Happy exploring!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/cookie-run-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Super Mario Fonts</title>
		<link>https://whatfontfinder.com/super-mario-fonts/</link>
					<comments>https://whatfontfinder.com/super-mario-fonts/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 25 Feb 2024 06:00:24 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Movie]]></category>
		<category><![CDATA[TV Show]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Super Mario]]></category>
		<category><![CDATA[Super Mario BROS]]></category>
		<category><![CDATA[Super Mario Bros movie]]></category>
		<category><![CDATA[Super Mario Galaxy 2]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3407</guid>

					<description><![CDATA[The Super Mario series features unique typography, with fan-made replicas of the unreleased official font. Notable options include Sumario Font, Super Mario 286, and Mario and Luigi Font.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Super Mario Fonts 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: "Sumario", file: "Sumario.ttf", statement: "Best Alternative", customText: "SUPER MARIO", freeDownload: false, extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/sumario/ref/2465626/" } },
{ name: "Gamtex", file: "Gamtex.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "MushroomKingdomNbp", file: "MushroomKingdomNbp.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "MarioAndLuigi", file: "MarioAndLuigi.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "SuperMario-286", file: "SuperMario-286.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Super-Plumber-Brothers", file: "Super-Plumber-Brothers.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Typeface-Mario-64", file: "Typeface-Mario-64.otf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Typeface-Mario-World-Pixel-Filled-Regular", file: "Typeface-Mario-World-Pixel-Filled-Regular.otf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Typeface-Mario-World-Pixel-Outline-Regular", file: "Typeface-Mario-World-Pixel-Outline-Regular.otf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "ITC-Machine-Std-Bold", file: "ITC-Machine-Std-Bold.otf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Olive-Nord-MN-Regular", file: "Olive-Nord-MN-Regular.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Kill-Joy-Regular", file: "Kill-Joy-Regular.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Kristopher-Regular", file: "Kristopher-Regular.otf", statement: "Similar", customText: "SUPER MARIO", 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 Super Mario series, a timeless video game franchise, boasts a distinctive brand identity, including its unique typography. From the hand-drawn creations of Shigeru Miyamoto to the numerous fan-made replications, Super Mario fonts continue to delight players and creators alike.</p>



<h2 class="wp-block-heading">Super Mario Fonts:</h2>



<p>TheÂ <strong>Super Mario</strong>Â franchise features various fonts used in its games and related media. While the official Super Mario font remains unreleased, several talented fans have created accurate replicas. Here are some notable options:</p>



<p><strong>Sumario Font:</strong> A decorative paid font with a Gothic, stylish flair designed by <a href="https://www.creativefabrica.com/designer/abuhasnat/" data-type="link" data-id="https://www.creativefabrica.com/designer/abuhasnat/" target="_blank" rel="noopener">Abuhasnat</a>. It has a cartoon-like quality that makes it a good alternative for the Super Mario logo. Its also available in italic version.</p>



<p><strong>Super Mario 286</strong>: Similar to the original font but with unique modifications and multilingual characters.</p>



<p><strong>Mario and Luigi Font</strong>: A dingbat font with various symbols inspired by the Super Mario series, free for personal use.</p>



<p><strong>Mushroom Kingdom NBP Font</strong>: Ideal for creating a classic Mushroom Kingdom style, offering a range of characters.</p>



<p><strong>Gamtex Font:</strong> Created by FG Studios, this fancy font looks very similar to the title logo from the 2023 Super Mario Bros movie.</p>



<p><strong>Super Plumber Brothers Font:</strong> A replica of the original 1985 Super Mario Bros logo font, designed by Jackster Productions.</p>



<p><strong>Super Mario 256 Font:</strong> Designed by fsuarez913, this font mimics the logo from Super Mario 64. It&#8217;s free for personal use.</p>



<p><strong>Chlorinap Font:</strong> Created by Caffeen Fonts, this outline font has a cartoon style reminiscent of the Super Mario Galaxy 2 logo.</p>



<p><strong>Typeface Mario World Pixel Filled Regular Font:</strong> Designed in 2022 by Ripoof, this pixel font replicates the Super Mario World game logo.</p>



<p><strong>Olive MN Nord Font:</strong> Matches the font used for the 1993 Super Mario Bros live-action movie logo. Designed by PYRS Fontlab Ltd.</p>



<p><strong>Kristopher Regular Font:</strong> Created by Vintage Voyage Design Supply, this display font looks very similar to the 2014 Super Smash Bros logo font.</p>



<p>In summary, while there is no official Super Mario font for download, fans have created excellent replicas that capture the essence of the iconic video game logo font. Several of these fonts can be used free for personal projects.</p>



<p>Thank you for reading about the Super Mario Fonts. But you can also take a look at out other font offerings like <a href="https://whatfontfinder.com/wii-font/">Wii</a>, <a href="https://whatfontfinder.com/shrek-font/">Shrek</a>, <a href="https://whatfontfinder.com/baldurs-gate-font/">Baldurâ€™s Gate</a>, <a href="https://whatfontfinder.com/playstation-font/">PlayStation</a>, <a href="https://whatfontfinder.com/undertale-font/">Undertale</a> and <a href="https://whatfontfinder.com/overwatch-font/">Overwatch</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/super-mario-fonts/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Pokemon Font</title>
		<link>https://whatfontfinder.com/pokemon-font/</link>
					<comments>https://whatfontfinder.com/pokemon-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 18 Feb 2024 14:54:11 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[KIDS]]></category>
		<category><![CDATA[CREATIVE FONTS]]></category>
		<category><![CDATA[FONT GUIDE]]></category>
		<category><![CDATA[FONTS GAMING]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[HOLLOW FONTS]]></category>
		<category><![CDATA[KETCHUM]]></category>
		<category><![CDATA[Logo design]]></category>
		<category><![CDATA[NOSTALGIC DESIGN]]></category>
		<category><![CDATA[Pokemon]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3394</guid>

					<description><![CDATA[Whether you're a designer, a PokÃ©mon enthusiast, or simply curious about typography, this guide explores various PokÃ©mon-themed fonts, highlighting their characteristics and uses.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Pokemon 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: "Pokemon-dingbats", file: "Pokemon-dingbats.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Ketchum-Italic", file: "Ketchum-Italic.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Ketchum", file: "Ketchum.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "PokemonPixels1", file: "PokemonPixels1.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "PokemonPixels2-G", file: "PokemonPixels2-G.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "PokemonPixels2", file: "PokemonPixels2.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Anillo-Outline", file: "Anillo-Outline.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Anillo", file: "Anillo.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Outlined", file: "Pokemon-Outlined.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon1", file: "Pokemon1.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "PikaPika", file: "PikaPika.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "AlphaSapphire", file: "AlphaSapphire.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Raimoen", file: "Raimoen.otf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Hollow-Normal", file: "Pokemon-Hollow-Normal.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "OmegaRuby", file: "OmegaRuby.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Annone", file: "Annone.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Solid-Normal", file: "Pokemon-Solid-Normal.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pocket-Monk", file: "Pocket-Monk.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Unown-font", file: "Unown-font.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Danis-Pikachu", file: "Danis-Pikachu.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Gb-JapanHr-regular", file: "Pokemon-Gb-JapanHr-regular.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Gb-JapanKt", file: "Pokemon-Gb-JapanKt.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Gb", file: "Pokemon-Gb.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Unown-Gb", file: "Pokemon-Unown-Gb.ttf", statement: "Similar", customText: "Pokemon", 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 PokÃ©mon franchise, beloved by millions, extends its unique visual style to typography, offering a diverse array of fonts that capture the essence of its colorful universe. From the iconic logo fonts to the mysterious Unown script, each font tells a story, reflecting the creativity and diversity of the PokÃ©mon world. Whether you&#8217;re a designer, a PokÃ©mon enthusiast, or simply curious about typography, this guide explores various PokÃ©mon-themed fonts, highlighting their characteristics and uses.</p>



<h2 class="wp-block-heading">PokÃ©mon Logo Fonts</h2>



<p>The PokÃ©mon logo is known for its bold, playful lettering, inspiring several fan-made typefaces:</p>



<ul class="wp-block-list">
<li><strong>Ketchum Font</strong>: Mimics the original logo, available in regular and italic, designed by Pixel Sagas.</li>



<li><strong>PokÃ©mon Font by FG studios</strong>: A fancy type font, free for commercial use, suitable as a PokÃ©mon Logo Font.</li>



<li><strong>PokÃ©mon Solid Font</strong>: A solid version of the logo font by IPBP, released in 2007, used in games, logos, and media.</li>



<li><strong>PokÃ©mon Hollow Font</strong>: A hollow version retaining the iconic accent mark over the &#8220;e&#8221;.</li>



<li><strong>Pocket Monk Font</strong>: Shares visual characteristics with the original logo, known for bold and rounded letterforms.</li>
</ul>



<p>Fonts capturing the essence of PokÃ©mon games and characters:</p>



<ul class="wp-block-list">
<li><strong>PokÃ©mon GB Font</strong>: Evokes the classic Game Boy era, perfect for retro designs.</li>



<li><strong>PokÃ©mon ! Font</strong>: A dingbats font featuring PokÃ©mon characters, created by nicola.</li>



<li><strong>PokÃ©mon Pixels Font</strong>: Pixel art representations of PokÃ©mon characters by 24hourfonts.</li>



<li><strong>Daniâ€™s Pikachu Font &amp; Pika Pika Font</strong>: Inspired by Pikachu, these fonts are energetic and playful.</li>



<li><strong>Raimoen Font</strong>: An abstract artistic interpretation of the PokÃ©mon theme.</li>
</ul>



<p>Fonts emulating the Unown PokÃ©mon script:</p>



<ul class="wp-block-list">
<li><strong>Unown Font</strong>: Captures the enigmatic designs of the Unown PokÃ©mon.</li>



<li><strong>Anillo Font &amp; Annone Font</strong>: Artistic interpretations of the Unown language, blending mystery and creativity.</li>
</ul>



<p>Fonts inspired by specific games:</p>



<ul class="wp-block-list">
<li><strong>Alpha Sapphire Font</strong>: Embodies the elegance of the sapphire theme.</li>



<li><strong>Omega Ruby Font</strong>: Captures the fiery spirit of the ruby theme.</li>
</ul>



<p>The PokÃ©mon logo and its fonts have become significant in pop culture, reflecting the franchise&#8217;s commitment to its roots and the nostalgia it holds for fans. These PokÃ©mon-themed fonts offer a creative way to incorporate the PokÃ©mon universe into various projects, adding a touch of fun synonymous with the franchise.</p>



<p>Don&#8217;t forget to take a look at our other fonts, such as <a href="https://whatfontfinder.com/bluey-font/">Bluey</a>, <a href="https://whatfontfinder.com/spongebob-squarepants-font/">SpongeBob SquarePants</a>, <a href="https://whatfontfinder.com/powerpuff-girls-font/">Powerpuff Girls</a> and <a href="https://whatfontfinder.com/family-guy-font/">Family Guy</a>.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/pokemon-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>SpongeBob SquarePants Font</title>
		<link>https://whatfontfinder.com/spongebob-squarepants-font/</link>
					<comments>https://whatfontfinder.com/spongebob-squarepants-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 18 Feb 2024 14:08:56 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Animated Series]]></category>
		<category><![CDATA[Bikini Bottom]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Nickelodeon]]></category>
		<category><![CDATA[SpongeBob]]></category>
		<category><![CDATA[SpongeBob Fonts]]></category>
		<category><![CDATA[SpongeBob SquarePants]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3390</guid>

					<description><![CDATA[SpongeBob fonts are more than just typefaces; they're an invitation to play, create, and express your affection for the beloved series.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">SpongeBob SquarePants 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: "Spongebob", file: "Spongebob.ttf", statement: "Replica", customText: "SpongeBob", freeDownload: true },
{ name: "Spongeboy-Regular", file: "SpongeboyRegular.otf", statement: "Replica", customText: "SpongeBob", freeDownload: true },
{ name: "Spongeboytt2-Regular", file: "Spongeboytt2Regular.ttf", statement: "Replica", customText: "SpongeBob", freeDownload: true },
{ name: "Lasvegas-Jackpot", file: "lasvegas-jackpot.ttf", statement: "Replica", customText: "SQUAREPANTS", freeDownload: true },
{ name: "BlobSpongeyLowercase", file: "BlobSpongeyLowercase.ttf", statement: "Similar", customText: "SpongeBob", freeDownload: true },
{ name: "Krabby-Patty", file: "Krabby-Patty.ttf", statement: "Similar", customText: "SpongeBob", freeDownload: true },
{ name: "Spongeboy-Me-Bob", file: "Spongeboy-Me-Bob.ttf", statement: "Similar", customText: "SpongeBob", freeDownload: true },
{ name: "HawaiianKids", file: "HawaiianKids.ttf", statement: "Similar", customText: "SpongeBob SquarePants", freeDownload: true },
{ name: "Some-Time-Later", file: "Some-Time-Later.otf", statement: "Similar", customText: "Some Time Later", 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>SpongeBob SquarePants, the iconic animated series, has not only captured hearts with its quirky characters and underwater escapades but also with its distinctive and playful typography. Fans and creatives alike have taken inspiration from the show to craft various fonts that embody the spirit of Bikini Bottom. These fonts are not just a nod to the series but also a tool for adding a splash of fun to any project.</p>



<h2 class="wp-block-heading">SpongeBob Fonts: A Treasure Trove of Typography</h2>



<p><strong>Spongeboy Me Bob Font</strong><br>A meticulous recreation of the SpongeBob font from the old movie website, crafted by EyeOfTheLioness, this font includes additional punctuation and symbols for a comprehensive character set.</p>



<p><strong>FontGet&#8217;s SpongeBob Font</strong><br>Another fan-made gem, this font mirrors the &#8220;SpongeBob&#8221; part of the show&#8217;s logo, offering a slice of the SpongeBob charm for personal projects.</p>



<p><strong>SpongeBoy Regular Font</strong><br>This early fan favorite captures the chunky, rounded style of the show&#8217;s title cards, making it perfect for emulating the show&#8217;s logo and other text elements.</p>



<p><strong>Spongeboytt2 Font</strong><br>Smooth and consistent, this font is based on the original typeface from the pilot episode and early merchandise, featuring rounded edges for a clean look.</p>



<p><strong>Krabby Patty Font</strong><br>Inspired by the Krusty Krab restaurant, this bubbly font has thick strokes and circular shapes, reminiscent of the show&#8217;s food and branding.</p>



<p><strong>Blob Spongey Lowercase Font</strong><br>For a more distorted and irregular look, akin to a dehydrated SpongeBob, this font offers a lowercase version of the small caps SpongeBob font.</p>



<p><strong>Hawaiian Kids Font</strong><br>A fresh take on the title card lettering, this font brings a new interpretation to the show&#8217;s typographic style.</p>



<p><strong>Some Time Later Font</strong><br>Famous for its use in the show&#8217;s credits and time cards, this typeface is a direct nod to the SpongeBob SquarePants show.</p>



<p><strong>Las Vegas Jackpot Font</strong><br>The &#8220;SquarePants&#8221; part of the logo is set in this font, which is part of the Las Vegas Font Collection by House Industries, featuring a modified &#8216;Q&#8217; to fit the SpongeBob style.</p>



<p>If you&#8217;re looking to expand your font collection further, consider exploring other offerings such as <a href="https://whatfontfinder.com/lego-font/">Lego</a>, <a href="https://whatfontfinder.com/bluey-font/">Bluey</a>, <a href="https://whatfontfinder.com/space-jam-font/">Space Jam</a>, <a href="https://whatfontfinder.com/dr-seus-font/">Dr. Seus</a>, and <a href="https://whatfontfinder.com/powerpuff-girls-font/">Powerpuff Girls</a> fonts.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/spongebob-squarepants-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Got Milk? Font</title>
		<link>https://whatfontfinder.com/got-milk-font/</link>
					<comments>https://whatfontfinder.com/got-milk-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 18 Feb 2024 13:20:38 +0000</pubDate>
				<category><![CDATA[Industry]]></category>
		<category><![CDATA[advertising font]]></category>
		<category><![CDATA[Got Milk]]></category>
		<category><![CDATA[Got Milk?]]></category>
		<category><![CDATA[marketing campaign]]></category>
		<category><![CDATA[Phenix American]]></category>
		<category><![CDATA[Sans serif font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3386</guid>

					<description><![CDATA[The "Got Milk?" campaign's logo uses the Phenix American font, a sans-serif designed by Morris Fuller Benton and published by Monotype in December 2001. For free alternatives, Opti Phoenix Nine and Bluefish Demo fonts provide similar styles for personal us.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Got Milk? 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: "Phenix-American", file: "Phenix-American.ttf", statement: "Similar", customText: "got milk?", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/phenix-american-font-monotype-imaging" }, freeDownload: false },
{ name: "OPTIPhoenix-Nine", file: "OPTIPhoenix-Nine.otf", statement: "Similar", customText: "got milk?", freeDownload: true },
{ name: "Bluefish-Regular", file: "Bluefish-Regular.otf", statement: "Similar", customText: "got milk?", 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 &#8220;Got Milk?&#8221; logo is called <strong>Phenix American</strong> used for the marketing campaign. It is a sans-serif font that was designed by Morris Fuller Benton and published by Monotype in December 2001. This is a paid font. It features condensed letterforms, geometric shapes, and minimal contrast between thick and thin strokes, making it simple and easy to read. The campaign is widely regarded as one of the most successful advertising campaigns of all time.</p>



<p>If you are looking for fonts similar to the Phenix American font used in the &#8220;Got Milk?&#8221; logo, there are several options available. Some similar fonts can be downloaded for free. These fonts are very close to Phenix American and can be used as alternatives.</p>



<ul class="wp-block-list">
<li><strong>Opti Phoenix Nine font</strong>: This font is available for free for personal use and offers a similar style to the Got Milk? font.</li>



<li><strong>Bluefish Demo font</strong>: Another font that is available for free for personal use and shares a similar style to the Got Milk? font.</li>
</ul>



<p>Don&#8217;t miss out on the chance to delve into our other font options, including <a href="https://whatfontfinder.com/i-love-new-york-font/">I Love New York</a>, <a href="https://whatfontfinder.com/cashapp-font/">CashApp</a>, <a href="https://whatfontfinder.com/patagonia-font/">Patagonia</a>, and <a href="https://whatfontfinder.com/chick-fil-a-font/">Chick Fil A</a> font.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/got-milk-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Lego Font</title>
		<link>https://whatfontfinder.com/lego-font/</link>
					<comments>https://whatfontfinder.com/lego-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 11 Feb 2024 10:51:31 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Lego]]></category>
		<category><![CDATA[Lego Font]]></category>
		<category><![CDATA[Lego Fonts]]></category>
		<category><![CDATA[LEGO logo]]></category>
		<category><![CDATA[LegoThick]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Toy Logo]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3380</guid>

					<description><![CDATA[The font used in the Lego logo is very similar to LegoThick and another fan-made font, "Lego." The official Lego font used in the logo is a custom-made font not accessible to the public.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Lego 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: "LEGO", file: "LEGO.ttf", statement: "Replica", customText: "LEGO", freeDownload: true },
        { name: "Legothick", file: "Legothick.ttf", statement: "Replica", customText: "LEGO", 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>Lego is a Danish toy production company famous for its plastic building blocks.Â </p>



<p>The font used for the LEGO logo is very similar to <strong>LegoThick</strong>, a free fan-made font based on the logo itself. It is available for both personal and commercial use and consists of capital letters only. </p>



<p>Another fan-made font, &#8220;<strong>Lego</strong>,&#8221; is a replica of the official Lego font and is also free for personal and commercial use. The official Lego font used in the logo is a custom-made font not accessible to the public. </p>



<p>The Lego Group uses the Open Sans font family for digital experiences and the Exo 2.0 fonts for digital experiences. You can download the Lego font for free and use a Lego font generator to create text graphics and logos online. The Lego font is often associated with the creativity and imagination that define the Lego brand.</p>



<p>Please take a look at our wide selection of fonts too, including <a href="https://whatfontfinder.com/bluey-font/">Bluey</a>, <a href="https://whatfontfinder.com/space-jam-font/">Space Jam</a>, <a href="https://whatfontfinder.com/cocomelon-font/">Cocomelon</a>, <a href="https://whatfontfinder.com/adventure-time-font/">Adventure Time</a> and etc.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/lego-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Balenciaga Font</title>
		<link>https://whatfontfinder.com/balenciaga-font/</link>
					<comments>https://whatfontfinder.com/balenciaga-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 11 Feb 2024 10:03:04 +0000</pubDate>
				<category><![CDATA[Fashion]]></category>
		<category><![CDATA[Balenciaga]]></category>
		<category><![CDATA[Brand font]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[luxury]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[sophistication]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3367</guid>

					<description><![CDATA[If you're looking for fonts similar to the Balenciaga logo, Utah Condensed Bold and Zurich Condensed Bold are excellent choices. Another alternative font, OPTIUnivers Sixty Seven, offers a similar aesthetic and is also free to use.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Balenciaga 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: "Zurich-Condensed-Bold", file: "Zurich-Condensed-Bold.otf", statement: "Replica", customText: "BALENCIAGA", freeDownload: true },
        { name: "Utah-Condensed-Bold", file: "Utah-Condensed-Bold.ttf", statement: "Similar", customText: "BALENCIAGA", extraButton: { text: "Buy Now", link: "https://www.fonts.com/font/monotype/utah/wgl-condensed-bold" }, freeDownload: false },
        { name: "OPTIUnivers-Sixty-Seven", file: "OPTIUnivers-Sixty-Seven.otf", statement: "Replica", customText: "BALENCIAGA", 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>Balenciaga is a luxury fashion brand founded by Spanish designer CristÃ³bal Balenciaga in 1919. The brand is known for its high-end clothing, footwear, and accessories, and has a strong presence in the fashion industry.</p>



<p>The Balenciaga fashion brand&#8217;s official logo features a clean, minimalistic logotype in the uppercase of a modern geometric sans-serif typeface.</p>



<p>We found three fonts that looks similar to the Balenciaga Font.</p>



<p><strong>Utah Condensed Bold</strong> font and <strong>Zurich Condensed Bold</strong> font are very close to the Balenciaga logo Font. Utah Condensed Bold is a commercial font, but Zurich Condensed Bold is a free for personal use font.</p>



<p><strong>OPTIUnivers Sixty Seven</strong> is a free alternative font that also has the same look to the logo.</p>



<p>Don&#8217;t forget to explore our additional font options, such as <a href="https://whatfontfinder.com/chrome-hearts-font/">Chrome Hearts</a>, <a href="https://whatfontfinder.com/rolex-font/">Rolex</a>, <a href="https://whatfontfinder.com/dior-font/">Dior</a>, <a href="https://whatfontfinder.com/zara-font/">Zara</a> and <a href="https://whatfontfinder.com/chanel-font/">Chanel</a> font.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/balenciaga-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
