<?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>Modern Font &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/modern-font/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, 19 Dec 2023 11:38:53 +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>Modern Font &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Invincible Font</title>
		<link>https://whatfontfinder.com/invincible-font/</link>
					<comments>https://whatfontfinder.com/invincible-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 19 Dec 2023 11:37:12 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Anime]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[BrandSemut]]></category>
		<category><![CDATA[display font]]></category>
		<category><![CDATA[Futuristic Font]]></category>
		<category><![CDATA[Heading font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Invincible font]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Sans-serif Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2851</guid>

					<description><![CDATA[The Invincible logo used woodblock font, which is available through Monotype with a license purchase. This font complements a gripping narrative found in the comic book series and animated TV show "Invincible," crafted by Robert Kirkman. The story unfolds around Mark Grayson, a teenager inheriting superpowers from his formidable hero father. As Mark grapples with the balance between personal life and superhero duties, dark secrets about his father's origin and his own destiny add depth to this captivating tale.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Invincible Font Generator</h2>



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

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

        const fontData = [
            { name: "Wood-Block-CG-font", file: "Wood-Block-CG.otf", statement: "Similar", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/atwoodblock-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', 'INVINCIBLE');
            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 Invincible font is inspired by the Invincible logo. It was made using woodblocks. Woodblock font is designed and published by Monotype. You need to purchase a licence.</p>



<p><a href="https://www.imdb.com/title/tt6741278/" target="_blank" rel="noopener">Invincible </a>is a comic book series and an animated TV show that tells the story of Mark Grayson, a teenager who inherits superpowers from his father, who is the most powerful hero on Earth. Mark has to balance his personal life with his superhero duties while also facing the dark secrets of his fatherâ€™s origin and his own destiny. Invincible was created by Robert Kirkman, who is also known for his work on The Walking Dead.</p>



<p>If you like this font and looking for more anime fonts then check out&nbsp;<a href="https://whatfontfinder.com/naruto-font/">Naruto</a>,&nbsp;<a href="https://whatfontfinder.com/attack-on-titan-font/">Attack on Titan</a>,&nbsp;<a href="https://whatfontfinder.com/bleach-font/">Bleach</a>, and&nbsp;<a href="https://whatfontfinder.com/jujutsu-kaisen-font/">Jujutsu Kaisen</a>&nbsp;fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/invincible-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Zara Font</title>
		<link>https://whatfontfinder.com/zara-font/</link>
					<comments>https://whatfontfinder.com/zara-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 09 Dec 2023 12:38:37 +0000</pubDate>
				<category><![CDATA[Fashion]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Classic Font]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[elegant]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[luxury]]></category>
		<category><![CDATA[magazine]]></category>
		<category><![CDATA[minimal]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Serif Font]]></category>
		<category><![CDATA[sleek]]></category>
		<category><![CDATA[stylish]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Zara font]]></category>
		<category><![CDATA[Zara logo]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2627</guid>

					<description><![CDATA[Discover the elegant Didot font, the typographic choice behind the Zara brand logo, designed by Adrian Frutiger and available through Linotype. For a free alternative, consider the Bavex font, ready for commercial and personal use. Zara, a trendsetting global fashion brand, is a part of the Inditex Group and operates over 7,000 stores worldwide. Renowned for its rapid, responsive production system, Zara frequently updates its collections, drawing inspiration from runways, celebrities, and street styles.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Zara Font Generator</h2>



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

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

        const fontData = [
            { name: "Didot-Title-font", file: "Didot-Title.otf ", statement: "Exact" },
            { name: "Bavex-font", file: "Bavex.ttf ", statement: "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', 'ZARA');
            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><span style="color: initial;">Zara font used in the Zara brand logo is actually the Didot font. Didot was designed by Adrian Frutiger and published by Linotype. You can also </span><wt-ignore uuid="a13bcb05-cc80-4cdd-ae67-b2d5dc92cefe" source="wt-feature-result" style="color: initial;">use the Bavex</wt-ignore><span style="color: initial;"> font as a free alternative. You can download it now for commercial and personal use.</span></p>



<p><a href="https://en.wikipedia.org/wiki/Zara_(retailer)" target="_blank" rel="noopener">Zara </a>is a global fashion brand that offers the latest trends in clothing, accessories, and footwear for women, men, and kids. Zara is part of the Inditex Group, one of the worldâ€™s largest fashion retailers, with more than 7,000 stores in 96 countries. Zara is known for its fast and flexible production system, which allows it to adapt quickly to <span class="issue-underline underline decoration-2 underline-offset-4 transition decoration-border-brand-default [.long-form-editing-active_&amp;]:decoration-border-brand-default/50 hover:bg-bg-brand-light-default" data-issueid="1ea1b5da-aa4b-4aa2-aa01-81ddb56762ae" aria-label="open issue for the following text the changing demands of customers and the market." data-testid="issue-underline:undefined">the changing demands of customers and the market.</span> Zara launches <span class="issue-underline underline decoration-2 underline-offset-4 transition decoration-border-brand-default [.long-form-editing-active_&amp;]:decoration-border-brand-default/50 hover:bg-bg-brand-light-default" data-issueid="a8414336-7e57-4ac3-b835-77804ff9b5bb" aria-label="open issue for the following text new" data-testid="issue-underline:undefined">new</span> collections every week, inspired by the runway, celebrities, and street style.</p>



<p>You can also check out similar fashion fonts like <a href="https://whatfontfinder.com/chanel-font/">Chanel</a>, <a href="https://whatfontfinder.com/bratz-font/">Bratz</a>, and <a href="https://whatfontfinder.com/thrasher-font/">Thrasher</a> fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/zara-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Iron Man Font</title>
		<link>https://whatfontfinder.com/iron-man-font/</link>
					<comments>https://whatfontfinder.com/iron-man-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 12 Nov 2023 12:36:04 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[Armor Font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Comic Book Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Iron Man]]></category>
		<category><![CDATA[Iron Man Font]]></category>
		<category><![CDATA[Iron Man movie]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Marvel font]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[movie font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Sci-Fi Font]]></category>
		<category><![CDATA[Superhero Font]]></category>
		<category><![CDATA[Tech Font]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2106</guid>

					<description><![CDATA[Are you looking for Iron Man font? Check out the free 'Star Font' inspired by Tony Stark, or try 'IRON MAN OF WAR 2 NCV' as a matching alternative. Get that superhero style in your designs today!]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Iron Man Font Generator</h2>



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

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

        const fontData = [
            { name: "Stark-font", file: "Stark.otf ", statement: "Replica" },
            { name: "IronMan-font", file: "IronMan.ttf ", 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', 'IRON MAN');
            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>Are you looking for Iron Man font? Then you&#8217;re in the right place!</p>



<p><strong>Replica</strong>: The logo and title in the Iron Man Movie are custom-made fonts, but a fan created a replica font called Star Font. He named it after the man inside the suit, Tony Stark. It is free for personal and commercial use.</p>



<p><strong>Free Alternative:&nbsp;</strong>If you&#8217;re looking for a free alternative, try IRON MAN OF WAR 2 NCV. It is another free alternative that matches the Iron Man Movie logo. You can also download it for free.</p>



<h2 class="wp-block-heading">About The Movie</h2>



<p><a href="https://en.wikipedia.org/wiki/Iron_Man" target="_blank" rel="noreferrer noopener">Iron Man</a>Â is a superhero character from Marvel who uses a high-tech armor suit to fight evil. The movie was released in 2008 and is the first to start the popular Marvel Cinematic Universe.</p>



<p>The movie stars Robert Downey Jr. as Tony Stark / Iron Man. It tells the story of how he escapes from a terrorist group by building a suit of armor and decides to use his technology for good. Jon Favreau directed the movie, which was a critical and commercial success.</p>



<p>You can also check out other superhero fonts like&nbsp;<a target="_blank" href="https://whatfontfinder.com/captain-america-font/" rel="noreferrer noopener">Captain America</a>,&nbsp;<a target="_blank" href="https://whatfontfinder.com/avengers-font/" rel="noreferrer noopener">Avengers</a>, and&nbsp;<a target="_blank" href="https://whatfontfinder.com/the-marvels-font/" rel="noreferrer noopener">The Marvels</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/iron-man-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Avengers Font</title>
		<link>https://whatfontfinder.com/avengers-font/</link>
					<comments>https://whatfontfinder.com/avengers-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 12 Nov 2023 11:22:10 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[Action Font]]></category>
		<category><![CDATA[Avengers]]></category>
		<category><![CDATA[Avengers font]]></category>
		<category><![CDATA[Avengers movie]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Comic Book Font]]></category>
		<category><![CDATA[Geometric Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Marvel font]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[movie font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[Stylish font]]></category>
		<category><![CDATA[Superhero Font]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2083</guid>

					<description><![CDATA[Explore 'Avengers' and 'Avengeance Heroic Avenge' as free alternatives inspired by the iconic superhero team from the 2012 Marvel film!]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Avengers Font Generator</h2>



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

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

        const fontData = [
            { name: "Avengers-font", file: "Avengers.ttf ", statement: "Replica" },
            { name: "AVENGENCE-HEROIC-AVENGER-font", file: "AVENGEANCE-HEROIC-AVENGER.ttf ", 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', 'AVENGERS');
            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>Avengers font is inspired by the Avengers Movie logo and title. Although the font is custom-made, we found two similar fonts: Avengers and Avengeance Heroic Avenge. </p>



<p><strong>Replica</strong>: The Avengers font is a replica font based on the Avengers movie title. You can download it and use it for free.</p>



<p><strong>Free Alternative</strong>: Avengeance Heroic Avenge is a free alternative font for you.</p>



<h2 class="wp-block-heading">About The Movie</h2>



<p><a href="https://www.imdb.com/title/tt0848228/" target="_blank" rel="noopener">The Avenger</a>s movie is a 2012 American superhero film based on the Marvel Comics team of the same name. This is the sixth film in the Marvel Cinematic Universe (MCU), featuring characters from previous films, such as Iron Man, Captain America, Thor, Hulk, Black Widow, and Hawkeye. </p>



<p>They are recruited by Nick Fury, the director of S.H.I.E.L.D., a secret spy agency, to stop Loki. It was a critical success and received positive reviews from critics and audiences. These reviews praised the action, humor, visual effects, and performances of the cast.</p>



<p>If you liked and looking for more superhero or movie fonts then check out <a href="https://whatfontfinder.com/the-marvels-font/">The Marvels</a>, <a href="https://whatfontfinder.com/aquaman-font/">Aquaman</a>, and Barbie fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/avengers-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Puma Font</title>
		<link>https://whatfontfinder.com/puma-font/</link>
					<comments>https://whatfontfinder.com/puma-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 06 Nov 2023 12:57:43 +0000</pubDate>
				<category><![CDATA[SPORT]]></category>
		<category><![CDATA[Activewear Font]]></category>
		<category><![CDATA[Athletic Font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Condensed Font]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[Geometric Font]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Puma]]></category>
		<category><![CDATA[Puma brand]]></category>
		<category><![CDATA[Sans-serif Font]]></category>
		<category><![CDATA[Sports Font]]></category>
		<category><![CDATA[Streetwear Font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Urban Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1994</guid>

					<description><![CDATA[Puma, the global sports and lifestyle brand founded in 1948, derives its name from the German word for cougar. Known for innovation and collaborations, Puma's logo embodies speed and strength, in line with its slogan 'Forever Faster.' For a font resembling Puma's logo, check out 'My Puma font,' created by a fan, available for free for both personal and commercial use.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Puma Font Generator</h2>



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

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

        const fontData = [
            { name: "MYPUMA-font", file: "MYPUMA.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', 'PUMA');
            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>Let&#8217;s talk about Puma Font. <a href="https://en.wikipedia.org/wiki/Puma_(brand)" target="_blank" rel="noopener">Puma </a>is a global brand that produces and sells sports and lifestyle products, such as shoes, clothing, and accessories. After a family feud, Puma was founded in 1948 by Rudolf Dassler, the brother of Adidas founder Adolf Dassler.</p>



<p>The name Puma comes from the German word for cougar, a powerful and agile animal. Puma is known for its innovation and collaborations with celebrities and athletes, such as Usain Bolt, Rihanna, and Neymar. Puma&#8217;s logo is leaping, symbolizing the brand&#8217;s speed and strength. Puma&#8217;s slogan is &#8220;Forever Faster,&#8221; which reflects its vision and mission to be the fastest sports brand in the world.</p>



<h2 class="wp-block-heading">About The Puma Font</h2>



<p><strong>Replica</strong>: A fan of the brand created a replica font based on Puma&#8217;s logo and named it My Puma font. It is very similar to the Puma lettering on the logo. You can download it and use it for free for personal and commercial use.</p>



<p>If you liked the font then you might also like these <a href="https://whatfontfinder.com/bratz-font/">Bratz</a>, <a href="https://whatfontfinder.com/fortnite-font/">Fortnite</a>, and <a href="https://whatfontfinder.com/ratatouille-font/">Ratatouille </a>fonts.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/puma-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Shy Away Font</title>
		<link>https://whatfontfinder.com/shy-away-font/</link>
					<comments>https://whatfontfinder.com/shy-away-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 30 Oct 2023 10:16:07 +0000</pubDate>
				<category><![CDATA[Music]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[cover album]]></category>
		<category><![CDATA[eye-catching font]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[Geometric Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[monarch font]]></category>
		<category><![CDATA[Music Font]]></category>
		<category><![CDATA[pop-rock font]]></category>
		<category><![CDATA[Scaled and Icy]]></category>
		<category><![CDATA[Serif Font]]></category>
		<category><![CDATA[Shy Away]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Twenty One Pilots]]></category>
		<category><![CDATA[unique font]]></category>
		<category><![CDATA[van dijik regular font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1927</guid>

					<description><![CDATA[The 'Shy Away' font is from the song logo by Ohio-based band Twenty One Pilots. It's the lead single from their sixth album, 'Scaled and Icy,' released in 2021, receiving positive reviews and chart success. While 'Shy Away' used custom fonts, 'Tenebras' and 'WT Monarch' share similarities to 'Twenty-One.' However, they require a purchased license. The exact 'Shy Away' font is the 'Van Dijk Font,' which is also commercial and requires a license.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Shy Away Font Generator</h2>



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

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

        const fontData = [
            { name: "tenebras-trial-font", file: "tenebras-trial.otf ", statement: "Similar", extraButton: { text: "Buy Now", link: "https://type-department.com/collections/sans-serif-fonts/products/tenebras/" } },
            { name: "WT-Monarch-Nova-Roman-font", file: "WT-Monarch-Nova-Roman.ttf ", statement: "Similar", extraButton: { text: "Buy Now", link: "https://wisetype.nl/collections/wt-monarch-nova" } },
            { name: "VanDijk-font", file: "VanDijk.otf ", statement: "EXACT", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/van-dijk-font-itc?rfsn=6624775.a4476ff&tab=individualStyles" } }
        ];

    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', 'TWENTY ONE PILOTS Shy Away');
            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>Shy Away font is from the logo of a song by Twenty One Pilots, a band from Ohio. <a href="https://en.wikipedia.org/wiki/Twenty_One_Pilots" target="_blank" rel="noopener">Twenty One Pilots</a> is an American musical duo formed in Columbus, Ohio in 2009 by vocalist and keyboardist Tyler Joseph and drummer Josh Dun. </p>



<p>On April 7, 2021, Twenty One Pilots released their song Shy Away. It is the lead single from their sixth studio album, Scaled and Icy. Fans and critics alike have given the song positive reviews, and it has reached the top 10 of the charts.</p>



<h2 class="wp-block-heading">About Fonts</h2>



<p><strong>Similar Fonts:</strong> Shy Away used custom fonts. But Tenebras and WT Monarch font share some similarities to the &#8220;Twenty One&#8221; part. But they aren&#8217;t free, so you need to buy a license before using them.</p>



<p><strong>Exact Font:</strong> The &#8220;Shy Away&#8221; logo used Van Dijk Font. It is also a commercial font, so you should purchase a license.</p>



<p>If you liked the fonts and are looking for more similar fonts, then check out our <a href="https://whatfontfinder.com/evermore-taylor-swift-font/">Evermore</a>, <a href="https://whatfontfinder.com/folklore-taylor-swift-font/">Folklore</a>, and <a href="https://whatfontfinder.com/mamma-mia-font/">Mamma Mia</a> fonts now!</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/shy-away-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>FedEx Font</title>
		<link>https://whatfontfinder.com/fedex-font/</link>
					<comments>https://whatfontfinder.com/fedex-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 24 Oct 2023 11:11:27 +0000</pubDate>
				<category><![CDATA[Industry]]></category>
		<category><![CDATA[Arrow]]></category>
		<category><![CDATA[Bauhaus]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Delivery Font]]></category>
		<category><![CDATA[FedEx]]></category>
		<category><![CDATA[FedEx Font]]></category>
		<category><![CDATA[Futura Font]]></category>
		<category><![CDATA[Geometric Font]]></category>
		<category><![CDATA[Logistics Font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Minimalist]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Professional Font]]></category>
		<category><![CDATA[Sans-serif Font]]></category>
		<category><![CDATA[Shipping Font]]></category>
		<category><![CDATA[Signage]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1823</guid>

					<description><![CDATA[The FedEx logo uses a customized version of the Futura font, known for its geometric simplicity. Futura was created by Paul Renner in 1927, inspired by the Bauhaus movement.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">FedEx Font Generator</h2>



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

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

        const fontData = [
                        { name: "Futura-Bold-font", file: "Futura-Bold.otf ", statement: "Exact" }
        ];

    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', 'FedEx');
            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></p>



<p>What is FedEx font? The actual FedEx font in the logo is Futura font. The company used Futura to create a custom logo for the company. But first, let&#8217;s learn about FedEx font and the hidden meaning behind its logo.</p>



<p><a target="_blank" href="https://en.wikipedia.org/wiki/FedEx" rel="noreferrer noopener">FedEx</a>&nbsp;is an American multinational conglomerate holding company based in Memphis, Tennessee, focused on transportation, e-commerce, and business services. It is one of the world&#8217;s largest shipping companies, with a network spanning more than 220 countries and territories.</p>



<p>FedEx logo is recognized worldwide for its simplicity and hidden message. The logo shows the company name &#8220;FedEx&#8221; in bold purple and orange letters. The logo is also known for its invisible arrow, formed by the negative space between the letters &#8220;E&#8221; and &#8220;X.</p>



<h2 class="wp-block-heading">About The Font</h2>



<p>The FedEx logo is a customized version of the Futura font. Futura has a unique but simple geometric shape. Paul Renner created the font inspired by the Bauhaus movement and released it in 1927.</p>



<p>If you liked this font and looking for more logo fonts, then we recommend <a href="https://whatfontfinder.com/bratz-font/">Bratz</a>, <a href="https://whatfontfinder.com/the-creator-font/">The Creator</a>, <a href="https://whatfontfinder.com/the-creator-font/">Oppenheimer</a>, and <a href="https://whatfontfinder.com/fortnite-font/">Fortnite</a> fonts.</p>



<p>Thank you for reading. we hope You enjoyed it.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/fedex-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Thug Life Font</title>
		<link>https://whatfontfinder.com/thug-life-font/</link>
					<comments>https://whatfontfinder.com/thug-life-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:43 +0000</pubDate>
				<category><![CDATA[Music]]></category>
		<category><![CDATA[blackletter]]></category>
		<category><![CDATA[Blackletter Font]]></category>
		<category><![CDATA[Calligraphy Font]]></category>
		<category><![CDATA[Card Design]]></category>
		<category><![CDATA[Decorative Typography]]></category>
		<category><![CDATA[display font]]></category>
		<category><![CDATA[gothic font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[hip-hop]]></category>
		<category><![CDATA[Label Design]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[medieval]]></category>
		<category><![CDATA[meme]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[rap]]></category>
		<category><![CDATA[Thug Life Font]]></category>
		<guid isPermaLink="false">http://tdi_108_5f4</guid>

					<description><![CDATA[Tupac Shakur popularized Thug Life as a symbol of resistance. The logo's font, Cloister Black by Dieter Steffmann, is free for personal and commercial use.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Thug Life Font Generator</h2>



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

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

        const fontData = [
            { name: "CloisterBlack-font", file: "CloisterBlack.ttf ", statement: "Exact", statement: "Exact" },
            { name: "MCF-bad-manners-font", file: "MCF-bad-manners.ttf ", statement: "Exact", statement: "Exact" }
        ];

    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', 'Thug Life');
            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', '50');
            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>Tupac Shakur made&nbsp;<a target="_blank" href="https://en.wikipedia.org/wiki/Thug_Life" rel="noreferrer noopener">Thug Life</a>&nbsp;a symbol of resistance and courage against society&#8217;s oppression. It also reflects marginalized people&#8217;s hardships and their efforts to create social change through music and outreach.</p>



<p>The Thug Life font used in the iconic logo is Cloister Black by Dieter Steffmann. The font is free for personal and commercial use.</p>



<p>Check out our other fonts like <a href="https://whatfontfinder.com/shy-away-font/">Shy Away</a>, <a href="https://whatfontfinder.com/mamma-mia-font/">Mamma Mia</a>, and <a href="https://whatfontfinder.com/lupin-font/">Lupin </a>Fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/thug-life-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
