<?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>logo font &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/logo-font/feed/" rel="self" type="application/rss+xml" />
	<link>https://whatfontfinder.com</link>
	<description>Find fonts for your favorite movies, logos, brands, music, and books.</description>
	<lastBuildDate>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>logo font &#8211; 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>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>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>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>
		<item>
		<title>Fast and Furious font</title>
		<link>https://whatfontfinder.com/fast-and-furious-font/</link>
					<comments>https://whatfontfinder.com/fast-and-furious-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Mon, 05 Feb 2024 13:55:00 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[Antique Olive Nord D Italic]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Commercial use]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[free alternative]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[iconic]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Movie titles]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Roger Excoffon]]></category>
		<category><![CDATA[The Fast and the Furious]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3307</guid>

					<description><![CDATA[Discover the iconic "Antique Olive Nord D Italic" font used in "The Fast and the Furious" movie series titles. Designed by Roger Excoffon, this commercially available font adds a sleek and dynamic touch to any project.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Fast and Furious Font Generator</h2>



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

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

    const fontData = [
        { name: "Antique-Olive-Std-Nord-Italic", file: "Antique-Olive-Std-Nord-Italic.otf", statement: "Similar", customText: "Fast and Furious", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/products/nord-d-regular-italic-antique-olive-329018" } },
        { name: "ChangaOne-Italic", file: "ChangaOne-Italic.ttf", statement: "Similar", customText: "Fast and Furious" },
        { name: "ChangaOne-Regular", file: "ChangaOne-Regular.ttf", statement: "Similar", customText: "Fast and Furious" },

    ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', '');
        } 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 }, 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);
        } else {
            const downloadBtn = document.createElement('button');
            downloadBtn.classList.add('downloadBtn');
            downloadBtn.innerText = "Download";
            downloadBtn.addEventListener('click', () => {
                const a = document.createElement('a');
                a.href = FONT_BASE_URL + file;
                a.download = file;
                a.style.display = 'none';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            });
            fontContainer.appendChild(downloadBtn);
        }

        previewContainer.appendChild(fontContainer);
    });

    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 movie series &#8220;<strong>The Fast and the Furious</strong>&#8221; for their titles is called &#8220;<strong>Antique Olive Nord D Italic</strong>&#8220;.</p>



<p>This font was designed by Roger Excoffon and is commercially available.</p>



<p>If you&#8217;re looking for a free alternative, there are similar font called <strong>Change One</strong>, which  can be used for both personal and commercial projects.</p>



<p>If you&#8217;re looking for more font options, be sure to explore our collection which includes <a href="https://whatfontfinder.com/road-house-font/">Road House</a>, <a href="https://whatfontfinder.com/la-la-land-font/">La La Land</a>, <a href="https://whatfontfinder.com/wonka-font/">Wonka</a> and etc.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/fast-and-furious-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>NBA 2K16 Font</title>
		<link>https://whatfontfinder.com/nba-2k16-font/</link>
					<comments>https://whatfontfinder.com/nba-2k16-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 28 Jan 2024 12:22:11 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[2K Sports]]></category>
		<category><![CDATA[Agency FB Wide Black]]></category>
		<category><![CDATA[Basketball Simulation]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[David Berlow]]></category>
		<category><![CDATA[Dieter Hofrichter]]></category>
		<category><![CDATA[EquipExtended ExtraBold]]></category>
		<category><![CDATA[Font Bureau]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[NBA 2K16]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[square]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Video game]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3258</guid>

					<description><![CDATA[The NBA 2K16 logo combines two fonts. The "NBA" part resembles the EquipExtended ExtraBold font by Dieter Hofrichter, while the "2K16" appears to be based on the Agency FB Wide Black font by David Berlow of Font Bureau.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">NBA 2K16 Font Generator</h2>



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

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

    const fontData = [
        { name: "Equip-Extended-ExtraBold", file: "Equip-Extended-ExtraBold.ttf", statement: "Replica", customText: "NBA", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/equipextended-font-hoftype?" } },
        { name: "Agency-FB-Black-Wide", file: "Agency-FB-Black-Wide.ttf", statement: "Replica", customText: "2K16" },

    ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', '');
        } 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 }, 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);
        } else {
            const downloadBtn = document.createElement('button');
            downloadBtn.classList.add('downloadBtn');
            downloadBtn.innerText = "Download";
            downloadBtn.addEventListener('click', () => {
                const a = document.createElement('a');
                a.href = FONT_BASE_URL + file;
                a.download = file;
                a.style.display = 'none';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            });
            fontContainer.appendChild(downloadBtn);
        }

        previewContainer.appendChild(fontContainer);
    });

    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 NBA 2K16 logo combines two distinct fonts. The &#8220;NBA&#8221; part of the logo closely resembles the <strong>EquipExtended ExtraBold font</strong>, designed by Dieter Hofrichter. This font is characterized by its bold, sans-serif style, and is well-suited for ambitious typography.</p>



<p>The &#8220;2K16&#8221; part of the logo appears to be based on the <strong>Agency FB Wide Black font</strong>, designed by David Berlow of Font Bureau. This font belongs to the geometric, sans-serif, square, and wide categories, and is typically used for titles and headings.</p>



<p>These two fonts together create a unique and dynamic logo for the NBA 2K16 game, reflecting the energy and excitement of the basketball simulation game.</p>



<p>NBA 2K16 is a basketball simulation video game developed by Visual Concepts and published by 2K. Released in 2015, it is the 17th installment in the NBA 2K franchise. </p>



<p>The game offers a comprehensive basketball experience, allowing players to guide their MyPLAYER through the complete NBA journey, take control of an entire NBA franchise, or hone their skills online competing against gamers worldwide.</p>



<p>We also offer other game fonts such as <a href="https://whatfontfinder.com/playstation-font/">PlayStation</a>, <a href="https://whatfontfinder.com/valorant-font/">Valorant</a>, <a href="https://whatfontfinder.com/splatoon-font/">Splatoon</a>, <a href="https://whatfontfinder.com/undertale-font/">Undertale</a> and <a href="https://whatfontfinder.com/genshin-impact-font/">Genshin Impact</a> font.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/nba-2k16-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Wonka Font</title>
		<link>https://whatfontfinder.com/wonka-font/</link>
					<comments>https://whatfontfinder.com/wonka-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 21 Jan 2024 12:18:04 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[candy]]></category>
		<category><![CDATA[chocolate]]></category>
		<category><![CDATA[fantasy]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[roald dahl]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[willy wonka]]></category>
		<category><![CDATA[wonka]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3240</guid>

					<description><![CDATA[Regarding the fonts inspired by the Wonka logo, there are several fan-made or inspired fonts available, such as "Wanker" by FontGet, "Willy Wonka," "Wonderbar," and "Chocolate Factory," which mimic the style of the Wonka branding.
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Wonka Font Generator</h2>



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

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

    const fontData = [
        { name: "Wanker", file: "Wanker.ttf", statement: "Fan-made Replica", customText: "Wonka" },
        { name: "Willy-Wonka", file: "Willy-Wonka.ttf", statement: "Similar", customText: "Willy Wonka" },
        { name: "Wonderbar", file: "Wonderbar.ttf", statement: "Inspired", customText: "Wonka" },
        { name: "Chocolate-Factory.ttf", file: "ChocolateFactory.ttf.ttf", statement: "Fan-made", customText: "Wonka" },
    ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', '');
        } 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 }, 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);
        } else {
            const downloadBtn = document.createElement('button');
            downloadBtn.classList.add('downloadBtn');
            downloadBtn.innerText = "Download";
            downloadBtn.addEventListener('click', () => {
                const a = document.createElement('a');
                a.href = FONT_BASE_URL + file;
                a.download = file;
                a.style.display = 'none';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            });
            fontContainer.appendChild(downloadBtn);
        }

        previewContainer.appendChild(fontContainer);
    });

    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 Wonka 2023 movie is a prequel to the classic Willy Wonka &amp; the Chocolate Factory, starring TimothÃ©e Chalamet as the young and poor chocolatier who discovers the dark secrets of the chocolate industry. The movie is directed by Paul King and features original songs by Neil Hannon and original score by Joby Talbot.</p>



<p>No official font exists for the Wonka logo. We found some fan-made or inspired fonts:</p>



<ul class="wp-block-list">
<li><strong>Wanker</strong>: A font by FontGet that looks like the Wonka logo.</li>



<li><strong>Willy Wonka</strong>: A font that mimics Willy Wonkaâ€™s style.</li>



<li><strong>Wonderbar</strong>: Another inspired font.</li>



<li><strong>Chocolate Factory</strong>: This is a fan-made font.</li>
</ul>



<p>You can also see our other fonts like <a href="https://whatfontfinder.com/gladiator-font/">Gladiator</a>, <a href="https://whatfontfinder.com/dr-seus-font/">Dr. Seus</a>, <a href="https://whatfontfinder.com/outer-banks-font/">Outer Banks</a>, <a href="https://whatfontfinder.com/peter-pan-font/">Peter Pan</a>, and <a href="https://whatfontfinder.com/the-matrix-font/">The Matrix</a> font.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/wonka-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
