<?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>Games &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/fonts/games/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>Games &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>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>PlayStation Font</title>
		<link>https://whatfontfinder.com/playstation-font/</link>
					<comments>https://whatfontfinder.com/playstation-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 21 Jan 2024 06:26:46 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[3D font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Console font]]></category>
		<category><![CDATA[Entertainment font]]></category>
		<category><![CDATA[Free Font]]></category>
		<category><![CDATA[gaming font]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Manabu Sakamoto font]]></category>
		<category><![CDATA[PlayStation font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[ps 2]]></category>
		<category><![CDATA[ps 5]]></category>
		<category><![CDATA[ps Bold]]></category>
		<category><![CDATA[PS font]]></category>
		<category><![CDATA[ps old]]></category>
		<category><![CDATA[Sony font]]></category>
		<category><![CDATA[Video Game Font]]></category>
		<category><![CDATA[Zrnic font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3226</guid>

					<description><![CDATA[The PlayStation font, crafted by designer Manabu Sakamoto, accompanies the iconic logo of Sony's gaming console brand. If you seek a close match, the Zrnic font, crafted by Ray Larabie of Typodermic Fonts, mirrors the PlayStation logo. For the classic PS2 emblem, consider the free-to-use PS Old font from Lyric Type. Additionally, Lyric Type offers the PS Bold font, inspired by the PS5 logo, and the PhatBoy Slim font for your PlayStation projects.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">PlayStation Font Generator</h2>



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

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

        const fontData = [
            { name: "zrnic-font", file: "zrnic.ttf", statement: "Similar" },
            { name: "PsOld-font", file: "PsOld.ttf", statement: "Similar" },
            { name: "PsBold-font", file: "PsBold.ttf", statement: "Similar" },
            { name: "Phatboyslim-font", file: "Phatboyslim.otf", statement: "Free Alternative" }
        ];

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

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

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

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

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

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

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

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



<p>PlayStation font is a custom typeface designed by Sony for its video game console brand. It was designed alongside the iconic PlayStation logo by Manabu Sakamoto. But don&#8217;t worry, we found some similar fonts.</p>



<p>The font most similar to the Playstation logo is Zrnic font. It was designed by renowned designer and typographer Ray Larabie and published by Typodermic Fonts. You can download it for free from our link.</p>



<p>For the previous generation PS 2 logo, we found the PS Old font very similar to it. It was designed and published by Lyric Type. You can also download it for free for personal use.</p>



<p>Lyric Type Foundry also released PS Bold font. This font was designed after the new PS5 logo. You can also download it for free.</p>



<p>PhatBoy Slim is another font you can try. It is another free font you can use for your PlayStation projects now.</p>



<p><a href="https://en.wikipedia.org/wiki/PlayStation" target="_blank" rel="noopener">PlayStation</a> is a gaming console developed by Sony Interactive Entertainment, known for its innovative features and immersive gaming experiences. It has four main models (PS1, PS2, PS3, and PS4) and two handheld devices (PSP and PS Vita). The PlayStation 5 (PS5) is the latest iteration in the series. It offers a wide range of games on its platform and also has online multiplayer options and many more exclusive features for its players.</p>



<p>If you liked PlayStation Font <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>, <a href="https://whatfontfinder.com/counter-strike-font/">Counter Strike</a>, <a href="https://whatfontfinder.com/red-dead-redemption-font/">Red Dead Redemption</a>, and <a href="https://whatfontfinder.com/genshin-impact-font/">Genshin Impact</a> fonts now.</p>



<p>Thank you for reading.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/playstation-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Valorant Font</title>
		<link>https://whatfontfinder.com/valorant-font/</link>
					<comments>https://whatfontfinder.com/valorant-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 13 Jan 2024 14:42:04 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Characters]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[Free Font]]></category>
		<category><![CDATA[Gaming]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Riot]]></category>
		<category><![CDATA[Shooter]]></category>
		<category><![CDATA[Symbols]]></category>
		<category><![CDATA[Techno]]></category>
		<category><![CDATA[Valorant]]></category>
		<category><![CDATA[Video Games]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3105</guid>

					<description><![CDATA[The custom Valorant font featured in the game's logo was recreated by a fan named Bryan T., who named it Valorant. Glyph variants for A, V, M, and N are available through uppercase/lowercase usage. This font, inspired by the game's design, can be freely downloaded from the website. Riot Games developed Valorant, a tactical shooter with character-based abilities, played online in teams of five. The game offers diverse modes and maps, providing players with a range of strategic experiences.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Valorant Font Generator</h2>



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

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

        const fontData = [
            { name: "Valorant-font", file: "Valorant-Font.ttf", statement: "Replica" }
        ];

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

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

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

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

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

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



<p>The Valorant font used on the Valorant game logo is custom-made by designers. So it isn&#8217;t available. But a fan named Bryan T. recreated the font and named it Valorant. If you want to get glyph variants for A, V, M, and N, use uppercase/lowercase. You can also download the font for&nbsp;free from our website now.</p>



<p>Riot Games created <a href="https://en.wikipedia.org/wiki/Valorant" target="_blank" rel="noopener">Valorant</a>, a video game that combines the tactical shooter and character-based abilities genres. It is played online in teams of five players, each with a unique agent that has different skills and roles. The game has various modes, such as competitive, unranked, deathmatch, and spike rush, and it features different maps with different objectives and strategies.</p>



<p>You can also check out our other fonts like <a href="https://whatfontfinder.com/castlevania-font/">Castlevania</a>,Â <a href="https://whatfontfinder.com/bleach-font/">Bleach</a>,Â <a href="https://whatfontfinder.com/jujutsu-kaisen-font/">Jujutsu Kaisen</a>, andÂ <a href="https://whatfontfinder.com/wp-admin/post.php?post=1813&amp;action=edit">The Owl House</a>Â fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/valorant-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Splatoon Font</title>
		<link>https://whatfontfinder.com/splatoon-font/</link>
					<comments>https://whatfontfinder.com/splatoon-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Wed, 27 Dec 2023 12:30:05 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[custom font]]></category>
		<category><![CDATA[Inkling font]]></category>
		<category><![CDATA[Nintendo font]]></category>
		<category><![CDATA[Shooter game font]]></category>
		<category><![CDATA[SplatNet 2]]></category>
		<category><![CDATA[Splatoon]]></category>
		<category><![CDATA[Video Game Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2999</guid>

					<description><![CDATA[
Immerse yourself in the vibrant world of Splatoon with its unique font, characterized by round, curly shapes and a lively aesthetic. Created by Nintendo for the game series, including Splatoon, Splatoon 2, and Splatoon 3, this font can be obtained for free through the SplatNet 2 app. Additionally, explore similar in-game fonts like Foo and Inkling to enhance your typographic experience in the colorful universe of Splatoon.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Splatoon Font Generator</h2>



<div id="fontPreviewContainer"></div>

    <script type="text/javascript">
        const FONT_BASE_URL = "https://whatfontfinder.com/wp-content/fonts/";

        const fontData = [
            { name: "SF-Fedora-font", file: "SF-Fedora.ttf", statement: "Replica" },
            { name: "Indiana-Jonas-font", file: "Indiana-Jonas.otf", statement: "Similar" }

        ];

    const previewContainer = document.getElementById("fontPreviewContainer");
    const fontPreviews = {};

// Add the h3 font label at the top of the preview container
const h3Label = document.createElement('h3');
h3Label.innerText = 'Font Used';
h3Label.className = 'fonth3'; // Assigning the class
previewContainer.appendChild(h3Label);

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'Indiana Jones');
            input.addEventListener('input', updateFontPreviews);
        } else if (idx === 1) {
            input.setAttribute('type', 'color');
            input.setAttribute('value', '#000');
            input.addEventListener('input', updateFontPreviews);
        } else {
            input.setAttribute('type', 'range');
            input.setAttribute('min', '10');
            input.setAttribute('max', '150');
            input.setAttribute('value', '60');
            input.addEventListener('input', updateFontPreviews);
        }
        inputRow.appendChild(label);
        inputRow.appendChild(input);
        controlsContainer.appendChild(inputRow);
    });
    previewContainer.appendChild(controlsContainer);

    function updateFontPreviews() {
        const type = controlsContainer.querySelector('input[type="text"]').value;
        const color = controlsContainer.querySelector('input[type="color"]').value;
        const size = controlsContainer.querySelector('input[type="range"]').value + 'px';
        Object.values(fontPreviews).forEach(preview => {
            preview.style.color = color;
            preview.style.fontSize = size;
            preview.innerText = type;
        });
    }

    function generateImageAndDownload(previewElement) {
        const canvas = document.createElement("canvas");
        canvas.width = previewElement.offsetWidth;
        canvas.height = previewElement.offsetHeight;
        const ctx = canvas.getContext("2d");
        ctx.font = `${window.getComputedStyle(previewElement).fontSize} ${previewElement.style.fontFamily}`;
        ctx.fillStyle = previewElement.style.color;
        ctx.textBaseline = 'top';
        ctx.fillText(previewElement.innerText, 0, 0);
        const link = document.createElement('a');
        link.href = canvas.toDataURL();
        link.download = 'font_preview.png';
        link.click();
    }

 fontData.forEach(({ name, file, statement, extraButton }, index) => {
        const fontContainer = document.createElement('div');
        fontContainer.classList.add('fontContainer');
        const fontInfo = document.createElement('div');
        fontInfo.classList.add('fontInfo');
        const fontNumber = document.createElement('span');
        fontNumber.classList.add('fontNumber');
        fontNumber.innerText = `${index + 1}.`;
        const fontTitle = document.createElement('span');
        fontTitle.classList.add('fontTitle');
        fontTitle.innerText = name.replace(/-/g, ' ');
        const fontSeparator = document.createElement('span');
        fontSeparator.classList.add('fontSeparator');
        fontSeparator.innerText = ' | ';
        const fontStatement = document.createElement('span');
        fontStatement.classList.add('fontStatement');
        fontStatement.innerText = statement;
        fontInfo.appendChild(fontNumber);
        fontInfo.appendChild(fontTitle);
        fontInfo.appendChild(fontSeparator);
        fontInfo.appendChild(fontStatement);
        const fontPreviewWithInfo = document.createElement('div');
        fontPreviewWithInfo.classList.add('fontPreviewWithInfo');
        const fontPreview = document.createElement('div');
        fontPreview.classList.add('fontPreview');
        const fontFace = document.createElement('style');
        fontFace.textContent = `
            @font-face {
                font-family: "${name}";
                src: url("${FONT_BASE_URL + file}") format('opentype');
            }
        `;
        document.head.appendChild(fontFace);
        fontPreview.style.fontFamily = `"${name}"`;
        fontPreviews[name] = fontPreview;
        fontPreviewWithInfo.appendChild(fontInfo);
        fontPreviewWithInfo.appendChild(fontPreview);
        fontContainer.appendChild(fontPreviewWithInfo);

    const generateBtn = document.createElement('button');
    generateBtn.classList.add('generateBtn');
    generateBtn.innerText = "Generate";
    generateBtn.addEventListener('click', () => {
        generateImageAndDownload(fontPreview);
    });
    fontContainer.appendChild(generateBtn);
    if (extraButton && extraButton.text === 'Buy Now') {
        const buyNowBtn = document.createElement('button');
        buyNowBtn.classList.add('buyNowBtn');
        buyNowBtn.innerText = "Buy Now";
        buyNowBtn.addEventListener('click', () => {
            window.open(extraButton.link, '_blank'); // Opens the link in a new tab
        });
        fontContainer.appendChild(buyNowBtn);
    } else {
        const downloadBtn = document.createElement('button');
        downloadBtn.classList.add('downloadBtn');
        downloadBtn.innerText = "Download";
        downloadBtn.addEventListener('click', () => {
            const a = document.createElement('a');
            a.href = FONT_BASE_URL + file;
            a.download = file;
            a.style.display = 'none';
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
        });
        fontContainer.appendChild(downloadBtn);
    }
    
    previewContainer.appendChild(fontContainer);
});

    updateFontPreviews();
    const noteText = `
        Note: This is a Font Generator tool. You can generate and download a preview of the given font by typing your text in the live preview box, adjusting the color or size, and clicking the generate button. If the font is available for free, you can also download it.
    `;
    const noteElement = document.createElement('div');
    noteElement.className = 'note';
    noteElement.innerHTML = noteText;
    previewContainer.appendChild(noteElement);
</script>



<p>The Splatoon font is for the game Splatoon, created by Nintendo. It has round, curly shapes and a bright look. You can get the Splatoon and Splatoon 2 fonts from the SplatNet 2 app. You can also check out Foo and Inkling for similar in-game&nbsp;fonts. You can download all of them for free.</p>



<p><a href="https://en.wikipedia.org/wiki/Splatoon" target="_blank" rel="noopener">Splatoon</a> is a third-person shooter video game developed and published by Nintendo for the Wii U, released in May of 2015. The game revolves around characters known as &#8220;Inklings,&#8221; who can transform between humanoid and squid forms. They navigate and cover surfaces with colored ink using gun or brush-based weaponry. It has three games in the series: Splatoon, Splatoon 2, and Splatoon 3.</p>



<p>If you liked red dead redemption font, you can also search for other game fonts likeÂ <a href="https://whatfontfinder.com/undertale-font/">Undertale</a>, <a href="https://whatfontfinder.com/counter-strike-font/">Counter Strike</a>,<a href="https://whatfontfinder.com/red-dead-redemption-font/">Red Dead Redemtpion</a>,Â <a href="https://whatfontfinder.com/genshin-impact-font/">Genshin Impact</a>,Â and <a href="https://whatfontfinder.com/pubg-font/">PUBG</a> fonts now.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/splatoon-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
