<?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>Supercell &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/supercell/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>Sun, 25 Feb 2024 09:05:15 +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>Supercell &#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>
	</channel>
</rss>
