<?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>Commercial use &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/commercial-use/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>Mon, 05 Feb 2024 14:31:32 +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>Commercial use &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Space Jam Font</title>
		<link>https://whatfontfinder.com/space-jam-font/</link>
					<comments>https://whatfontfinder.com/space-jam-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Mon, 05 Feb 2024 14:22:26 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Carol Twombly]]></category>
		<category><![CDATA[Commercial use]]></category>
		<category><![CDATA[Decorative font]]></category>
		<category><![CDATA[Decotura]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[fun appearance]]></category>
		<category><![CDATA[Image Club]]></category>
		<category><![CDATA[Lithos Black]]></category>
		<category><![CDATA[Movie Logo]]></category>
		<category><![CDATA[Movie titles]]></category>
		<category><![CDATA[personal use]]></category>
		<category><![CDATA[Republik Sans Two]]></category>
		<category><![CDATA[Space Jam]]></category>
		<category><![CDATA[Space Jam: A New Legacy]]></category>
		<category><![CDATA[stylized font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3324</guid>

					<description><![CDATA[Discover the iconic fonts used in the Space Jam movies, including Lithos Black, Decotura, and Republik Sans Two. These decorative fonts add a fun and stylized touch to the movie titles.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Space Jam Font Generator</h2>



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

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

    const fontData = [
        { name: "Republik-Sans-ICG", file: "Republik-Sans-ICG.ttf", statement: "Similar", customText: "Space Jam" },
        { name: "Decoturaicg", file: "decoturaicg.ttf", statement: "Similar", customText: "Space Jam" },
        { name: "Lithos-Black-Regular", file: "Lithos-Black-Regular.ttf", statement: "Similar", customText: "Space Jam" },
        { name: "Lithos-Black-Black", file: "Lithos-Black-Black.ttf", statement: "Similar", customText: "Space Jam" },


    ];

    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>It&#8217;s clear that the font used for the Space Jam logo and title is indeed a significant aspect of the movie&#8217;s identity.</p>



<p>The font used for the <a href="https://www.imdb.com/title/tt0117705/" data-type="link" data-id="https://www.imdb.com/title/tt0117705/" target="_blank" rel="noopener">Space Jam original film</a>, released in 1996. Its logo and title is similar to <strong>Lithos Black font</strong>, which was designed by Carol Twombly and published by Adobe. It is a decorative font with a stylized, fun appearance. However, it&#8217;s important to note that Lithos Black is only free for personal use. Commercial use requires purchasing a license from Adobe .</p>



<p>For the sequel, <a href="https://www.imdb.com/title/tt3554046/" data-type="link" data-id="https://www.imdb.com/title/tt3554046/" target="_blank" rel="noopener">Space Jam: A New Legacy (2021 film)</a>, the &#8220;Space Jam&#8221; part of the title uses a font similar to <strong>Decotura</strong> from Image Club, and the &#8220;A New Legacy&#8221; part uses <strong>Republik Sans Two</strong>, also from Image Club. Similar to Lithos Black, commercial use of Decotura and Republik Sans Two requires purchasing a license from the Image Club.</p>



<p>Enhance your design projects with our diverse font selection, featuring fonts like <a href="https://whatfontfinder.com/fast-and-furious-font/">Fast and Furious</a>, <a href="https://whatfontfinder.com/road-house-font/">Road House</a>, <a href="https://whatfontfinder.com/la-la-land-font/">La La Land</a> and etc.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/space-jam-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Fast and Furious font</title>
		<link>https://whatfontfinder.com/fast-and-furious-font/</link>
					<comments>https://whatfontfinder.com/fast-and-furious-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Mon, 05 Feb 2024 13:55:00 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[Antique Olive Nord D Italic]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Commercial use]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[free alternative]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[iconic]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Movie titles]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Roger Excoffon]]></category>
		<category><![CDATA[The Fast and the Furious]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3307</guid>

					<description><![CDATA[Discover the iconic "Antique Olive Nord D Italic" font used in "The Fast and the Furious" movie series titles. Designed by Roger Excoffon, this commercially available font adds a sleek and dynamic touch to any project.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Fast and Furious Font Generator</h2>



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

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

    const fontData = [
        { name: "Antique-Olive-Std-Nord-Italic", file: "Antique-Olive-Std-Nord-Italic.otf", statement: "Similar", customText: "Fast and Furious", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/products/nord-d-regular-italic-antique-olive-329018" } },
        { name: "ChangaOne-Italic", file: "ChangaOne-Italic.ttf", statement: "Similar", customText: "Fast and Furious" },
        { name: "ChangaOne-Regular", file: "ChangaOne-Regular.ttf", statement: "Similar", customText: "Fast and Furious" },

    ];

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

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

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

    function updateFontPreviews() {
        const typeInput = controlsContainer.querySelector('input[type="text"]');
        const colorInput = controlsContainer.querySelector('input[type="color"]');
        const sizeInput = controlsContainer.querySelector('input[type="range"]');

        const userEnteredText = typeInput.value.trim(); // Get user-entered text, trimmed to remove leading/trailing whitespace

        Object.keys(fontPreviews).forEach(fontName => {
            const preview = fontPreviews[fontName];
            if (preview) {
                const font = fontData.find(item => item.name === fontName);
                const displayText = userEnteredText !== '' ? userEnteredText : (font.customText || 'Type and Check');
                const color = colorInput.value;
                const size = sizeInput.value + 'px';

                preview.style.color = color;
                preview.style.fontSize = size;
                preview.innerText = displayText;
            }
        });
    }

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

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

        const generateBtn = document.createElement('button');
        generateBtn.classList.add('generateBtn');
        generateBtn.innerText = "Generate";
        generateBtn.addEventListener('click', () => {
            generateImageAndDownload(fontPreview, { name, file });
        });
        fontContainer.appendChild(generateBtn);

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

        previewContainer.appendChild(fontContainer);
    });

    controlsContainer.querySelectorAll('input').forEach(input => {
        input.addEventListener('input', updateFontPreviews);
    });

    updateFontPreviews();

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



<p>The font used in the movie series &#8220;<strong>The Fast and the Furious</strong>&#8221; for their titles is called &#8220;<strong>Antique Olive Nord D Italic</strong>&#8220;.</p>



<p>This font was designed by Roger Excoffon and is commercially available.</p>



<p>If you&#8217;re looking for a free alternative, there are similar font called <strong>Change One</strong>, which  can be used for both personal and commercial projects.</p>



<p>If you&#8217;re looking for more font options, be sure to explore our collection which includes <a href="https://whatfontfinder.com/road-house-font/">Road House</a>, <a href="https://whatfontfinder.com/la-la-land-font/">La La Land</a>, <a href="https://whatfontfinder.com/wonka-font/">Wonka</a> and etc.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/fast-and-furious-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Nike Font</title>
		<link>https://whatfontfinder.com/nike-font/</link>
					<comments>https://whatfontfinder.com/nike-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Thu, 21 Dec 2023 07:53:19 +0000</pubDate>
				<category><![CDATA[SPORT]]></category>
		<category><![CDATA[Athletic Font]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Branding Logo design]]></category>
		<category><![CDATA[Commercial use]]></category>
		<category><![CDATA[Corporate font]]></category>
		<category><![CDATA[custom font]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[Nike]]></category>
		<category><![CDATA[Nike font]]></category>
		<category><![CDATA[Professional Font]]></category>
		<category><![CDATA[Sans-serif typeface]]></category>
		<category><![CDATA[Sports Font]]></category>
		<category><![CDATA[Typography]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2919</guid>

					<description><![CDATA[The Nike logo utilizes a custom font, possibly derived from the licensed Impact font designed by Geoffrey Lee in 1965. An alternative, the free Nike Font by FontGet, is available for personal and commercial use. Founded in 1964 by Bill Bowerman and Phil Knight, Nike is a global brand known for innovations like Air Max and Flyknit, along with its iconic swoosh logo and the motivational slogan "Just Do It."]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Nike Font Generator</h2>



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

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

        const fontData = [
            { name: "impact-font", file: "impact.ttf", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/impact-font-monotype-imaging" } },
            { name: "NIKE-font", file: "NIKE.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', 'NIKE');
            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 Nike Font used on the famous Nike logo is a custom font. They probably used the Impact font to create the logo. Impact font is a bold and eye-catching typeface designed by Geoffrey Lee in 1965. You need to purchase a licence to use it. You can also use a free replica font called Nike Font. FontGet created and published it. You can use itÂ for personal and commercial purposes for free.</p>



<p><a href="https://en.wikipedia.org/wiki/Nike,_Inc." target="_blank" rel="noopener">Nike </a>is a global brand that designs, manufactures, and sells athletic footwear, apparel, equipment, and accessories. Bill Bowerman and Phil Knight founded Nike in 1964, and it has its headquarters in Beaverton, Oregon. Nike is known for its innovative products, such as the Air Max, the Flyknit, the Vaporfly, and the Nike+ technology. Nike is also famous for its slogan â€œJust Do Itâ€ and its iconic swoosh logo.</p>



<p>If you liked this font and looking for more sports fonts then we recommendÂ <a href="https://whatfontfinder.com/miami-heat-font/">Miami Heat</a>, <a href="https://whatfontfinder.com/puma-font/">Puma</a>,Â <a href="https://whatfontfinder.com/san-diego-padres-font/">San Diego Padres</a>, andÂ <a href="https://whatfontfinder.com/philadelphia-phillies-font/">Philadelphia Phillies</a>Â fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/nike-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
