<?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>branding &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/branding/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>Wed, 20 Dec 2023 13:04:49 +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>branding &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Dior Font</title>
		<link>https://whatfontfinder.com/dior-font/</link>
					<comments>https://whatfontfinder.com/dior-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Wed, 20 Dec 2023 13:04:47 +0000</pubDate>
				<category><![CDATA[Fashion]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Brand]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Dior]]></category>
		<category><![CDATA[Elegance]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[French]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[luxury]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2888</guid>

					<description><![CDATA[Looking for the Dior font? Charles-Nicolas Cochin's engravings from the 18th century are probably what inspired the Nicolas Cochin Regular design on the Dior logo. For a free alternative, consider OPTI Naval from Castcraft Software. Founded in 1946 by Christian Dior, the French luxury fashion house is renowned for its elegant designs, haute couture, and iconic products, including the Lady Dior bag and Jâ€™adore perfume, making it a leading brand in the global fashion industry.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Dior Font Generator</h2>



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

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

        const fontData = [
            { name: "Nicolas-Cochin-EF-Regular-font", file: "Nicolas-Cochin-EF-Regular.ttf", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/nicolas-cochin-font-urw?" } },
            { name: "OPTI-Naval-Regular-font", file: "OPTI-Naval-Regular.otf", 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', 'Dior');
            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 Dior font? Then you came to the right place! The Dior logo probably uses Nicolas Cochin Regular, a font by Georges Peignot. It was based on the 18th-century engravings of Charles-Nicolas Cochin, a French artist. For a free version, you can use OPTI Naval from Castcraft Software.</p>



<p><a href="https://en.wikipedia.org/wiki/Dior" target="_blank" rel="noopener">Dior </a>is a French luxury fashion house that was founded by Christian Dior in 19461. Dior is known for its elegant and sophisticated designs, its haute couture collections, and its iconic products, such as the Lady Dior bag, the Jâ€™adore perfume, and the Rouge Dior lipstick. Dior is also involved in other fields, such as jewelry, watches, cosmetics, and skincare. Dior is part of the LVMH group, which is led by Bernard Arnault. Dior is one of the most influential and successful brands in the fashion industry, with a global presence and a loyal clientele.</p>



<p>You can also check out similar fashion fonts likeÂ <a href="https://whatfontfinder.com/zara-font/">Zara</a>, <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/dior-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>I Love NY Font</title>
		<link>https://whatfontfinder.com/i-love-ny-font/</link>
					<comments>https://whatfontfinder.com/i-love-ny-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 05 Dec 2023 11:16:05 +0000</pubDate>
				<category><![CDATA[Fashion]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[City]]></category>
		<category><![CDATA[classic]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[Heart]]></category>
		<category><![CDATA[heart symbol]]></category>
		<category><![CDATA[I Love NY]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[Milton Glaser]]></category>
		<category><![CDATA[New York]]></category>
		<category><![CDATA[nonagram]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[serif]]></category>
		<category><![CDATA[Souvenir]]></category>
		<category><![CDATA[T-shirt]]></category>
		<category><![CDATA[Tourism]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[WE â™¥ NYC]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2571</guid>

					<description><![CDATA[The iconic "I Love NY" logo features a font resembling American Typewriter, a rounded slab serif typeface crafted by Joel Kaden and Tony Stan in 1974, available for commercial purchase. Typo Slab Irregular serves as a free alternative. This symbolic design, conceived by Milton Glaser in 1977, symbolizes affection and pride for New York, originally part of a campaign for the state's economic development.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">I Love NY Font Generator</h2>



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

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

        const fontData = [
            { name: "American-Typewriter-Regular-font", file: "American-Typewriter-Regular.ttf ", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/american-typewriter-font-itc" } },
            { name: "TypoSlab-Irregular-font", file: "TypoSlab-Irregular.otf ", 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', 'I Love NY');
            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', '80');
            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 I Love NY font? The font used in the three-letter &#8220;I Love NY&#8221; is very similar to American Typewriter, a typeface with rounded slab serifs designed in 1974 by Joel Kaden and Tony Stan. American Typewriter can be bought and downloaded for commercial use. You can use Typo Slab Irregular as an alternative.</p>



<p>The <a href="https://www.iloveny.com/" target="_blank" rel="noopener">I Love NY</a> symbol is a graphic design that has become a famous symbol of love and pride for the state of New York. It was created by graphic designer Milton Glaser in 1977 as part of a marketing campaign for the New York State Department of Economic Development.</p>



<p>If you liked this font then check out other fonts like <a href="https://whatfontfinder.com/rolling-stone-font/">Rolling Stone</a>, <a href="https://whatfontfinder.com/thrasher-font/">Thrasher</a>, and <a href="https://whatfontfinder.com/bratz-font/">Bratz </a>fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/i-love-ny-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Captain America Font</title>
		<link>https://whatfontfinder.com/captain-america-font/</link>
					<comments>https://whatfontfinder.com/captain-america-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 12 Nov 2023 11:57:58 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[American Captain]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Decorative font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Headline Font]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Marvel font]]></category>
		<category><![CDATA[movie font]]></category>
		<category><![CDATA[patriotic font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Star Shield]]></category>
		<category><![CDATA[superhero]]></category>
		<category><![CDATA[Superhero Font]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2091</guid>

					<description><![CDATA[Are you looking for the Captain America font? American Captain and Star Shield offer free alternatives to the custom font used in the 2011 movie, starring Chris Evans as the iconic hero!]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Captain America Font Generator</h2>



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

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

        const fontData = [
            { name: "American-Captain-font", file: "American-Captain.ttf ", statement: "Replica" },
            { name: "StarShieldRegular-font", file: "StarShieldRegular.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', 'CAPTAIN AMERICA');
            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 Captain America font is based on the Captain America movie logo and title.</p>



<p><strong>Similar</strong>: Marvel created a custom font for the movie, but American Captain is similar. Fontry designs and publishes it. </p>



<p><strong>Free Alternative</strong>: You can use the Star Shield font as a free alternative. Graphicsauceco created this amazing font for you.</p>



<p><a href="https://en.wikipedia.org/wiki/Captain_America:_The_First_Avenger" target="_blank" rel="noopener">Captain America</a> is a 2011 American film based on the character, starring Chris Evans as the title hero. It is the fifth film in the Marvel Cinematic Universe (MCU), a series of interconnected films that share the same continuity.</p>



<p>The film tells Captain America&#8217;s origin story, from his transformation by serum to his battle with the Red Skull. It also introduces other MCU characters, such as Peggy Carter, Howard Stark, Bucky Barnes, and Nick Fury. Joe Johnston directed the film, and it received positive reviews from critics and audiences.</p>



<p>You can also check out <a href="https://whatfontfinder.com/avengers-font/">Avengers</a>, <a href="https://whatfontfinder.com/the-marvels-font/">The Marvels</a>, and <a href="https://whatfontfinder.com/aquaman-font/">Aquaman </a>fonts.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/captain-america-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>Goosebumps Font</title>
		<link>https://whatfontfinder.com/goosebumps-font/</link>
					<comments>https://whatfontfinder.com/goosebumps-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Wed, 25 Oct 2023 10:21:46 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Children's literature]]></category>
		<category><![CDATA[Festive]]></category>
		<category><![CDATA[Goosebumps]]></category>
		<category><![CDATA[Halloween]]></category>
		<category><![CDATA[Halloween font]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[Horror]]></category>
		<category><![CDATA[horror font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[R.L. Stine]]></category>
		<category><![CDATA[Scary]]></category>
		<category><![CDATA[Scary font]]></category>
		<category><![CDATA[Spooky]]></category>
		<category><![CDATA[Spooky titles]]></category>
		<category><![CDATA[Textured font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1843</guid>

					<description><![CDATA[Goosebumps, authored by R. L. Stine, is a beloved series of children's horror books featuring spooky tales of haunted houses, monsters, and supernatural events. The series has inspired a TV show and two movies. The Goosebumps font used for the series logo is custom, but a similar replica font called 'Big Goosebumps' is available as an alternative.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Goosebumps Font Generator</h2>



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

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

        const fontData = [
            { name: "Big-Goosebumps-font", file: "Big-Goosebumps.ttf ", statement: "Similar", extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/big-goosebumps/" } }
        ];

    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', 'GOOSEBUMPS');
            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>Goosebumps font is a scary typeface created for the logo and title of the series. The font used on the TV show title is custom and isn&#8217;t available online. But we found a similar replica font called Big Goosebumps. Now, let&#8217;s talk about the show.</p>



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



<p><a href="https://en.wikipedia.org/wiki/Goosebumps" target="_blank" rel="noopener">Goosebumps</a> is a popular series of horror books for children written by R. L. Stine. The books feature different stories of scary and supernatural events, such as haunted houses, monsters, ghosts, and curses. Some of the books have been adapted into a TV series and two movies.</p>



<p>If you liked this font then we recommend you check out <a href="https://whatfontfinder.com/the-owl-house-font/">The Owl House</a>, <a href="https://whatfontfinder.com/the-creator-font/">The Creator</a>, <a href="https://whatfontfinder.com/oppenheimer-font/">Oppenheimer</a>, and <a href="https://whatfontfinder.com/bratz-font/">Bratz </a>fonts.</p>



<p>Thank you for reading.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/goosebumps-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>Mamma Mia Font</title>
		<link>https://whatfontfinder.com/mamma-mia-font/</link>
					<comments>https://whatfontfinder.com/mamma-mia-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 17 Oct 2023 13:33:44 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[ABBA]]></category>
		<category><![CDATA[Bodoni]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[comedy]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[lettering]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Mamma Mia]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[musical]]></category>
		<category><![CDATA[musican font]]></category>
		<category><![CDATA[serif]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1742</guid>

					<description><![CDATA[The 'Mamma Mia' logo uses the Bodoni Poster Compressed font, and 'Nirvana' and 'Rojal' offer free alternatives with stylistic similarities. For Mamma Mia-inspired designs, the Mamma Mia! font is an excellent choice. Mamma Mia! is a jukebox musical comedy film filled with ABBA songs, telling a heartwarming story of love and self-discovery as a young bride-to-be invites potential fathers to her Greek wedding.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Mamma Mia Font Generator</h2>



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

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

        const fontData = [
                        { name: "Bodoni-Poster-Compressed-Font", file: "Bodoni-Poster-Compressed.otf", statement: "Similar" },
            { name: "Nirvana-Font", file: "Nirvana.ttf", statement: "Similar"},
{ name: "Rojal-Font", file: "Rojal.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', 'MAMMA MIA!');
            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>Before we talk about Mamma Mia font let&#8217;s find out where the font came from.</p>



<h2 class="wp-block-heading">What is Mamma Mia?</h2>



<p><strong><a href="https://en.wikipedia.org/wiki/Mamma_Mia!_(film)" target="_blank" rel="noopener">Mamma Mia!</a></strong> is a jukebox musical comedy film that tells the story of Sophie. She is a young woman and a soon-to-be bride who invites three men she thinks could be her father to her wedding in Greece. The show is full of ABBA songs and hilarious moments, and it&#8217;s a fun and heartwarming story about love, family, and self-discovery.</p>



<h2 class="wp-block-heading">About The Mamma Mia! Fonts</h2>



<p>Mamma Mia by ABBA heavily uses the&nbsp;<strong>Bodoni Poster Compressed font</strong>&nbsp;for its logo. It is a serif typeface created by Chauncey H. Griffith in 1929. It is based on the famous Bodoni font.</p>



<p>Nirvana is another sans-serif font with stylistic similarities to the Bodoni Poster Compressed font. It has a uniform thickness, and the mechanical design works well for logos and headlines.</p>



<p>Rojal font is another free alternative. It is similar to the Bodoni Poster Compressed font.</p>



<p>Whether creating a Mamma Mia-inspired font design or paying tribute to the classic, Mamma Mia! font is a better choice!</p>



<p>You can also check out <a href="https://whatfontfinder.com/the-eras-tour-font/">The Eras Tour</a>, <a href="https://whatfontfinder.com/thug-life-font/">Thug Life</a>, and <a href="https://whatfontfinder.com/barbie-movie-font/">Barbie </a>fonts now!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/mamma-mia-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
