<?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>Title &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/title/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>Title &#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>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>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>Wii Font</title>
		<link>https://whatfontfinder.com/wii-font/</link>
					<comments>https://whatfontfinder.com/wii-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 05 Feb 2024 13:46:35 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Breath of the Wild]]></category>
		<category><![CDATA[CEMU]]></category>
		<category><![CDATA[EmuDeck]]></category>
		<category><![CDATA[Emulation]]></category>
		<category><![CDATA[Emulator]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Mario Party 8]]></category>
		<category><![CDATA[Roms]]></category>
		<category><![CDATA[Steam Deck]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Twilight Princess HD]]></category>
		<category><![CDATA[Wii]]></category>
		<category><![CDATA[Wii U]]></category>
		<category><![CDATA[Wind Waker HD]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3308</guid>

					<description><![CDATA[The Wii, a 2006 Nintendo game console with motion-sensing controllers, offers immersive gameplay with activities like tennis, golf, and bowling. Compatible with GameCube games, its best-sellers include Wii Sports and Mario Kart. The Wii logo resembles the Continuum font, designed by BrÃ¸derbund Software.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Wii Font Generator</h2>



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

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

    const fontData = [
        { name: "contl", file: "contl.ttf", statement: "Replica", customText: "Wii" },
        { name: "contm", file: "contm.ttf", statement: "Replica", customText: "Wii" },
        { name: "contb", file: "contb.ttf", statement: "Replica", customText: "Wii" }
    ];

    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', '60');
        }
        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>Let&#8217;s talk about Wii font. The <a href="https://en.wikipedia.org/wiki/Wii" target="_blank" rel="noopener">Wii</a> is a game console made by Nintendo that came out in 2006. It has a special controller that can sense your motion. You can play games by moving the controller, like a tennis racket, a golf club, or a bowling ball. The Wii can also play old games from the GameCube. The Wii has many fun games for everyone. Some of the best-selling games for the Wii are Wii Sports, Mario Kart Wii, Wii Sports Resort, and New Super Mario Bros. Wii.</p>



<p>The Wii logo looks very similar to a font named Continuum, which BrÃ¸derbund Software designed. This font has three versions, each with a complete set of characters, and you can get it for free from our Wii Font Generator Section.</p>



<p>You can also check out other game fonts such asÂ <a href="https://whatfontfinder.com/splatoon-font/">Splatoon</a>, <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>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/wii-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Baldur&#8217;s Gate Font</title>
		<link>https://whatfontfinder.com/baldurs-gate-font/</link>
					<comments>https://whatfontfinder.com/baldurs-gate-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 05 Feb 2024 13:23:53 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[classic]]></category>
		<category><![CDATA[Dungeons and Dragons]]></category>
		<category><![CDATA[Enhanced Edition]]></category>
		<category><![CDATA[fantasy]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Infinity Engine]]></category>
		<category><![CDATA[Isometric]]></category>
		<category><![CDATA[PC game]]></category>
		<category><![CDATA[Real-time with pause]]></category>
		<category><![CDATA[Role-playing game]]></category>
		<category><![CDATA[RPG]]></category>
		<category><![CDATA[Single-player]]></category>
		<category><![CDATA[Story-rich]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3292</guid>

					<description><![CDATA[Do you want the iconic Baldur's Gate font? Originating from BioWare's 1998 RPG masterpiece set in the Dungeons &#038; Dragons realm, the game's logo resembles Uncial, crafted by Victor Hammer in 1952. Ensure legal use by obtaining a licence for this non-free font.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Baldur&#8217;s Gate Font Generator</h2>



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

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

    const fontData = [
        { name: "Uncial-Regular", file: "Uncial-Regular.ttf", statement: "Similar", customText: "Baldur's Gate", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/uncial-font-monotype-imaging" } }
    ];

    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', '60');
        }
        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>Are you looking for the Baldur&#8217;s Gate font? <a href="https://en.wikipedia.org/wiki/Baldur%27s_Gate" target="_blank" rel="noopener">Baldurâ€™s Gate</a> is a legendary RPG game that BioWare launched in 1998. The game takes place in the Forgotten Realms world of Dungeons &amp; Dragons and lets the player explore the city of Baldurâ€™s Gate, where they face political schemes and monstrous foes.</p>



<p>The gameâ€™s logo on its cover art looks similar to Uncial, a font Victor Hammer designed in 1952. This font is not free to use. So you need to purchase a licence before using the font.</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>Thank you for reading.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/baldurs-gate-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>
