<?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>DevSisters &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/devsisters/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 06:51:50 +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>DevSisters &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>
	</channel>
</rss>
