<?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>Free &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/free/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, 11 Feb 2024 10:21:23 +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>Free &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Bluey Font</title>
		<link>https://whatfontfinder.com/bluey-font/</link>
					<comments>https://whatfontfinder.com/bluey-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sat, 10 Feb 2024 15:48:19 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Bluey]]></category>
		<category><![CDATA[Bluey Fonts]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Cartoon Fonts]]></category>
		<category><![CDATA[Famous Font]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[free alternative]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[Free Font Download]]></category>
		<category><![CDATA[free for commercial use]]></category>
		<category><![CDATA[Kids show]]></category>
		<category><![CDATA[YouTube Channel]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3336</guid>

					<description><![CDATA[The custom-made "Bluey Font" used in the logo of the popular Australian animated television series, Bluey, is not available for public use. However, similar fonts exist. "Blueway" by Abu Hasnat, "Hello Headline" by Veneta, and "Magic Sound" are the most similar.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Bluey 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: "BLUEY", file: "Blueway.ttf", statement: "Replica", customText: "Bluey", extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/blueway/" }, freeDownload: true },
        { name: "Blueway-Italic", file: "Blueway-Italic.ttf", statement: "Similar", customText: "BLUEY", extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/blueway/" }, freeDownload: true },
        { name: "Magic-Sound", file: "Magic-Sound.ttf", statement: "Similar", customText: "BLUEY", freeDownload: true },
        { name: "Hello-Headline-Regular", file: "Hello-Headline-Regular.ttf", statement: "Similar", customText: "BLUEY", 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 font used in the logo of the popular Australian animated television series, Bluey, is custom-made and is often referred to as the &#8220;Bluey Font&#8221;.&nbsp;However, there are a few fonts that closely resemble it.</p>



<p>The most similar fonts to the Bluey logo are &#8220;<strong>Blueway</strong>&#8221; by Abu Hasnat, &#8220;<strong>Hello Headline</strong>&#8221; by font author Veneta and &#8220;<strong>Magic Sound</strong>&#8220;.&nbsp;These fonts offer a diverse range of glyphs and belong to delightful font families, allowing designers to create graphics, images, and designs that pay homage to the original logo&#8217;s lighthearted charm.</p>



<p><strong>Blueway</strong>, a font by Abu Hasnat, is one such option. This free demo font is a close replica of the Bluey Font and can be purchased from the <a href="https://www.creativefabrica.com/product/blueway/" data-type="link" data-id="https://www.creativefabrica.com/product/blueway/" target="_blank" rel="noopener">owner&#8217;s shop</a> for commercial use. It offers a diverse range of glyphs and belongs to a delightful font family.</p>



<p>&#8220;Hello Headline&#8221; is a professional typeface that features colorful, rounded lettering.&nbsp;It is used in the official Bluey logo, which perfectly portrays the showâ€™s playful spirit against a sunny backdrop.</p>



<p>&#8220;Magic Sound&#8221; is a handwritten font that has a fun and energetic vibe.&nbsp;It is most similar to the Bluey logo and can be used for various design projects such as invitations, flyers, cards, labels, etc.</p>



<p>Please also check out our other fonts like <a href="https://whatfontfinder.com/space-jam-font/">Space Jam</a>, <a href="https://whatfontfinder.com/dr-seus-font/">Dr. Seus</a>, <a href="https://whatfontfinder.com/powerpuff-girls-font/">Powerpuff Girls</a>, <a href="https://whatfontfinder.com/steven-universe-font/">Steven Universe</a>, <a href="https://whatfontfinder.com/disneyland-font/">Disneyland</a> and etc.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/bluey-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>The Mandalorian Font</title>
		<link>https://whatfontfinder.com/the-mandalorian-font/</link>
					<comments>https://whatfontfinder.com/the-mandalorian-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 09 Jan 2024 14:19:48 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[Action]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Condensed]]></category>
		<category><![CDATA[custom font]]></category>
		<category><![CDATA[Display Typeface]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[Mandalore]]></category>
		<category><![CDATA[Mandalorian]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[Sci-fi]]></category>
		<category><![CDATA[Sci-Fi Font]]></category>
		<category><![CDATA[space]]></category>
		<category><![CDATA[Star Wars]]></category>
		<category><![CDATA[western]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3081</guid>

					<description><![CDATA[The Mandalorian font featured in the show's logo is a custom creation, officially known as the Mandalore Font, crafted by Iconian Fonts and available for free under donationware licensing. The TV series, set five years post-Return of the Jedi, follows the journey of Din Djarin, a Mandalorian bounty hunter, navigating a galaxy in turmoil. His mission: to deliver a mysterious Force-sensitive child to the Jedi. Developed by Jon Favreau, 'The Mandalorian' premiered on Disney+ on November 12, 2019, offering a captivating blend of space-western storytelling.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">The Mandalorian Font Generator</h2>



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

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

        const fontData = [
            { name: "mandalore-font", file: "mandalore.ttf", statement: "Similar" },
            { name: "mandalorehalf-font", file: "mandalorehalf.ttf", statement: "Similar" },
            { name: "mandalorelaser-font", file: "mandalorelaser.ttf", 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', 'THE MANDALORIAN');
            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 Mandalorian font used in the logo is custom-made. But Iconian Fonts recreated it and named it the Mandalore Font. This font is licensed under donationware. You can download and use it for free.</p>



<p><a href="https://en.wikipedia.org/wiki/The_Mandalorian" target="_blank" rel="noopener">The Mandalorian</a> is a TV show that follows the adventures of a Mandalorian bounty hunter named Din Djarin, who is also known as the Mandalorian or Mando. The show is set five years after the events of Return of the Jedi, when the Galactic Empire has fallen and the New Republic is struggling to restore order. The Mandalorian takes on a mission to deliver a mysterious child, who is later revealed to be a force-sensitive being of the same species as Yoda, to a Jedi. It is an American space-western television series developed by Jon Favreau for Disney+ on November 12, 2019.</p>



<p>You can also check out other collections of TV Show fonts likeÂ <a href="https://whatfontfinder.com/gossip-girl-font/">Gossip Girl</a>, <a href="https://whatfontfinder.com/miami-vice-font/">Miami Vice</a>,Â <a href="https://whatfontfinder.com/blackish-font/">Blackish</a>,Â <a href="https://whatfontfinder.com/prehistoric-planet-font/">Prehistoric Planet</a>,Â <a href="https://whatfontfinder.com/yellowstone-font/">Yellowstone</a>,Â <a href="https://whatfontfinder.com/the-golden-girls-font/">Golden Girls</a>, andÂ <a href="https://whatfontfinder.com/the-office-font/">the office</a>Â font now!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/the-mandalorian-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Counter Strike Font</title>
		<link>https://whatfontfinder.com/counter-strike-font/</link>
					<comments>https://whatfontfinder.com/counter-strike-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 23 Dec 2023 12:37:24 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Counter-Strike]]></category>
		<category><![CDATA[Counter-Strike font]]></category>
		<category><![CDATA[Custom]]></category>
		<category><![CDATA[Cyrillic]]></category>
		<category><![CDATA[First-person shooter font]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[Latin]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Sci-fi]]></category>
		<category><![CDATA[Science-fiction font]]></category>
		<category><![CDATA[SoJa]]></category>
		<category><![CDATA[SoJa font]]></category>
		<category><![CDATA[Stratum 2]]></category>
		<category><![CDATA[Techno]]></category>
		<category><![CDATA[Techno font]]></category>
		<category><![CDATA[Video Game Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2945</guid>

					<description><![CDATA[The Counter-Strike font used in the iconic logo is a custom creation, meticulously recreated as 'Counter Strike' by SoJa. This font boasts a comprehensive set of characters, including upper and lowercase letters, numbers, and both Latin and Cyrillic glyphs. The best part? You can freely download it. Counter-Strike, a renowned multiplayer tactical first-person shooter series, debuted on Windows in 1999 and has evolved through various iterations, with Counter-Strike: Global Offensive standing out for its realistic tactical gameplay and enduring popularity.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Counter Strike Font Generator</h2>



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

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

        const fontData = [
            { name: "cs-regular-font", file: "cs-regular.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', 'counter stirke');
            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 Counter Strike font used on the Counter Strike logo is custom. But it has been recreated as Counter Strike by SoJa. It has upper and lowercase characters, numbers, and latin and cyrillic glyphs. You can download it completely for free!</p>



<p><a href="https://en.wikipedia.org/wiki/Counter-Strike" target="_blank" rel="noopener">Counter-Strike</a> is a popular series of multiplayer tactical first-person shooter video games. It features objective-based gameplay where two opposing teams, the terrorists and the counter-terrorists, compete in various game modes such as bomb defusal, hostage rescue, and assassination. The series began on Windows in 1999 with the release of the first game and has since seen several iterations, including Counter-Strike: Global Offensive. It has been praised for its gameplay and realistic tactical view.</p>



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