<?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>Script Font &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/script-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>Wed, 17 Jan 2024 09:41:22 +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>Script Font &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Peter Pan Font</title>
		<link>https://whatfontfinder.com/peter-pan-font/</link>
					<comments>https://whatfontfinder.com/peter-pan-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Wed, 17 Jan 2024 09:40:41 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[Disney Font]]></category>
		<category><![CDATA[fairy tale font]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[peter pan font]]></category>
		<category><![CDATA[peter pan logo]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[Serif Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3188</guid>

					<description><![CDATA[Peter Pan is a timeless story of a boy who lives in Neverland, a magical place where he never grows old. Different versions of the story use different fonts to create a unique visual identity for the title.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Peter Pan Font Generator</h2>



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

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

        const fontData = [

{ name: "North-Mountain", file: "North-Mountain.otf", statement: "Similar" },
{ name: "BakerSignet", file: "BakerSignet.ttf", statement: "Replica", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/baker-signet-font-paratype" } }

        ];

    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', 'PETER PAN');
            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', '45');
            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>Peter Pan is a classic fairy tale by J.M. Barrie about a boy who never grows up and his adventures in Neverland. The story has inspired many adaptations, including movies, musicals, and video games. One of the most iconic aspects of Peter Pan is the font used for its title.</p>



<p>The font used in the 2003 live-action movie &#8220;Peter Pan&#8221; is believed to be the <strong>Baker Signet font</strong>, designed by Arthur Baker.</p>



<p>The 2023 fantasy adventure film &#8220;Peter Pan &amp; Wendy&#8221; logo is a bit similar to the <strong>North Mountain Regular font</strong> by Letterhend.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/peter-pan-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Klaus Font</title>
		<link>https://whatfontfinder.com/klaus-font/</link>
					<comments>https://whatfontfinder.com/klaus-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 05 Dec 2023 11:17:49 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Font family]]></category>
		<category><![CDATA[Friendship]]></category>
		<category><![CDATA[Humanistic]]></category>
		<category><![CDATA[joy]]></category>
		<category><![CDATA[Klaus]]></category>
		<category><![CDATA[Logo design]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[Movie titles]]></category>
		<category><![CDATA[Multilingual]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[postman]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[Social media]]></category>
		<category><![CDATA[Sweety Klaus]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[toymaker]]></category>
		<category><![CDATA[Typeface]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2580</guid>

					<description><![CDATA[The "Klaus" movie logo resembles the Kartex font, an FG Studios creation comprising three fonts for personal use only. "Klaus," a 2019 animated film directed by Sergio Pablos of "Despicable Me" fame, blends comedy and adventure with emotional depth. It features voices like Jason Schwartzman and J.K. Simmons, depicting the uplifting journey of a postman and toymaker in a joyless town.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Klaus Font Generator</h2>



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

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

        const fontData = [
            { name: "Kartex-font", file: "Kartex.ttf ", statement: "Exact" },
            { name: "Kartex-Outlined-font", file: "Kartex-Outlined.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', 'Klaus');
            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>The Klaus font on the movie logo looks similar to the Kartex font. It was designed and published by FG Studios. This family has three fonts and is available for personal use only.</p>



<p><a href="https://www.imdb.com/title/tt4729430/" target="_blank" rel="noopener">Klaus</a> is a 2019 animated film about how a postman and a toymaker become friends and bring joy to a town that has lost its spirit. The film is directed by Sergio Pablos, who also co-created Despicable Me, and features the voices of Jason Schwartzman, J.K. Simmons, Rashida Jones, and others. The film is a comedy and an adventure but has emotional depth and a message about kindness and generosity.</p>



<p>You can check out our other movie fonts like <a href="https://whatfontfinder.com/encanto-font/">Encanto</a>, <a href="https://whatfontfinder.com/moana-font/">Moana</a>, and <a href="https://whatfontfinder.com/ratatouille-font/">Ratatouille </a>fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/klaus-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Street Fighter Font</title>
		<link>https://whatfontfinder.com/street-fighter-font/</link>
					<comments>https://whatfontfinder.com/street-fighter-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 21 Nov 2023 05:18:32 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[brush font]]></category>
		<category><![CDATA[Capcom]]></category>
		<category><![CDATA[Chun Li]]></category>
		<category><![CDATA[dynamic]]></category>
		<category><![CDATA[Fighting Games]]></category>
		<category><![CDATA[gaming font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[PlayStation]]></category>
		<category><![CDATA[retro]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[street]]></category>
		<category><![CDATA[Street Fighter]]></category>
		<category><![CDATA[Street Fighter V]]></category>
		<category><![CDATA[Tekken]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Video Games]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2126</guid>

					<description><![CDATA[Brush King Font, inspired by the custom Street Fighter logo font, is a dynamic brush script typeface crafted by Indonesian designers Subectype &#038; Orenari. Reflecting the energy of Capcom's classic video game series, Street Fighter, it brings a handcrafted, lively aesthetic to designs.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Street Fighter Font Generator</h2>



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

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

        const fontData = [
            { name: "Brush-King-font", file: "Brush-King.otf ", statement: "Similar" }
        ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'STREET FIGHTER');
            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', '35');
            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>



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



<p>Street Fighter Font used in the logo is actually a custom font. But we found a font that resembles it called Brush King Font. Brush King font is a brush script typeface with a street-wise and energetic style. It was created by Subectype &amp; Orenari, a duo of Indonesian font designers. The font has quick strokes and sharp details that give it a handcrafted and casual look.</p>



<p><a href="https://en.wikipedia.org/wiki/Street_Fighter" target="_blank" rel="noopener">Street Fighter</a> is a popular video game series created by Capcom, a Japanese video game company. The series features intense and exciting fighting matches between various characters and has been running since 1987. The series has many different games, each with its own story, gameplay, and characters. The series is known for its fast-paced action, colorful graphics, and iconic sound effects. The series also has a large and passionate fan base and has spawned many spin-offs, adaptations, and merchandise.</p>



<p>If you liked this font and looking for more then check our <a href="https://whatfontfinder.com/pubg-font/">PUBG</a>, <a href="https://whatfontfinder.com/fortnite-font/">Fortnite</a>, and <a href="https://whatfontfinder.com/wonder-woman-font/">Wonder Woman</a> fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/street-fighter-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>Evermore Taylor Swift Font Download</title>
		<link>https://whatfontfinder.com/evermore-taylor-swift-font/</link>
					<comments>https://whatfontfinder.com/evermore-taylor-swift-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:44 +0000</pubDate>
				<category><![CDATA[Music]]></category>
		<category><![CDATA[Album Cover]]></category>
		<category><![CDATA[Bon Iver]]></category>
		<category><![CDATA[Calligraphy Font]]></category>
		<category><![CDATA[Cursive Font]]></category>
		<category><![CDATA[Decorative font]]></category>
		<category><![CDATA[Evermore]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[Igino Marini]]></category>
		<category><![CDATA[IM Fell DW Pica]]></category>
		<category><![CDATA[Music Font]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[Serif Font]]></category>
		<category><![CDATA[Taylor Swift]]></category>
		<category><![CDATA[The National]]></category>
		<category><![CDATA[Vintage Font]]></category>
		<guid isPermaLink="false">http://tdi_116_894</guid>

					<description><![CDATA[The 'Evermore Album' poster by Taylor Swift features the 'IM Fell DW Pica' font, a digitized restoration based on John Fell's punches and matrices. Taylor Swift's 'Evermore' album, released in December 2020, is a sister album to 'Folklore,' exploring love and fantasy themes with guest appearances from Bon Iver, Haim, and the National. It received critical acclaim and multiple Grammy nominations.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Evermore Taylor Swift Font Generator</h2>



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

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

        const fontData = [
                        { name: "IM-Fell-DW-Pica-font", file: "IM-Fell-DW-Pica.ttf ", 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', 'evermore');
            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><a href="https://en.wikipedia.org/wiki/Evermore_(Taylor_Swift_album)" target="_blank" rel="noopener">Evermore Album</a> poster from Taylor Swift used IM Fell DW Pica font for its title and cover album. IM Fell DW Pica is a digitized restoration of Fell&#8217;s punches and matrices. Igino Marini created the font, and it is based on the punches and matrices bequeathed to the University of Oxford by John Fell. There is also the Evermore font. Our next step will be to learn more about Evermore by Taylor Swift.</p>



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



<p>Evermore is Taylor Swift&#8217;s ninth album, which will be released in December 2020. It is a sister album to Folklore. The album explores love, loss, and fantasy themes through stories and charactersÂ <a href="https://en.wikipedia.org/wiki/Taylor_Swift" target="_blank" rel="noreferrer noopener">Taylor Swift</a>Â created with her collaborators. The album features alternative rock, indie folk, and chamber pop styles and includes Bon Iver, Haim, and the National guest appearances. Evermore received critical acclaim and several Grammy nominations.</p>



<p>If you like the Evermore Taylor Swift font, you might also enjoy these similar fonts such as <a href="https://whatfontfinder.com/folklore-taylor-swift-font/">folklore</a>, <a href="https://whatfontfinder.com/goosebumps-font/">Goosebumps</a>, <a href="https://whatfontfinder.com/aquaman-font/">Aquaman</a>, and Fortnite fonts.</p>



<p>Thanks for sticking to the end!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/evermore-taylor-swift-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Chick Fil A Font</title>
		<link>https://whatfontfinder.com/chick-fil-a-font/</link>
					<comments>https://whatfontfinder.com/chick-fil-a-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:44 +0000</pubDate>
				<category><![CDATA[Industry]]></category>
		<category><![CDATA[American]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Brand font]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[Calligraphy Font]]></category>
		<category><![CDATA[casual]]></category>
		<category><![CDATA[Chick-fil-A]]></category>
		<category><![CDATA[chicken]]></category>
		<category><![CDATA[Chicken sandwich]]></category>
		<category><![CDATA[Company font]]></category>
		<category><![CDATA[fast food]]></category>
		<category><![CDATA[Food Font]]></category>
		<category><![CDATA[Heading]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[sandwich]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">http://tdi_121_29c</guid>

					<description><![CDATA[The Chick-fil-A font used in the logo is custom-made, but a free alternative called 'Chicken Hut font' was created by 538Fonts, capturing its casual and energetic style. Chick-fil-A is a popular American fast-food chain famous for its chicken sandwiches, with over 1,600 locations in the US and Canada.]]></description>
										<content:encoded><![CDATA[
<h2 class="wff-block-heading wp-block-heading">Chick Fil A Font Generator</h2>



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

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

        const fontData = [
            { name: "Chicken-Hut-font", file: "Chicken-Hut.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', 'Chick Fil A');
            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>Chick Fil a Font used in the Chick-fil-A logo is custom-made. But an Indonesian font foundry called 538Fonts recreated it and named it Chicken Hut font, releasing it in 2013. The font has a brush script style, with quick and sharp strokes that give it a casual and energetic look. It is free for personal use.</p>



<p><a href="https://en.wikipedia.org/wiki/Chick-fil-A" target="_blank" rel="noopener">Chick-fil-A</a> is a well-known American fast-food chain specializing in chicken sandwiches and other chicken-based dishes. It was founded in 1946 by S. Truett Cathy, who invented the original chicken sandwich. The chain has over 1,600 locations in 38 US states and operates in Canada.</p>



<p>If you liked this font check other fonts like <a href="https://whatfontfinder.com/fedex-font/">FedEx</a>, <a href="https://whatfontfinder.com/street-fighter-font/">Street Fighter</a>, and <a href="https://whatfontfinder.com/wonder-woman-font/">Wonder Woman</a> fonts.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/chick-fil-a-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Folklore Taylor Swift Font</title>
		<link>https://whatfontfinder.com/folklore-taylor-swift-font/</link>
					<comments>https://whatfontfinder.com/folklore-taylor-swift-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:44 +0000</pubDate>
				<category><![CDATA[Music]]></category>
		<category><![CDATA[Album Cover]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Folklore]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Igino Marini]]></category>
		<category><![CDATA[IM Fell DW Pica]]></category>
		<category><![CDATA[Indie Folk]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Music Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[Serif Font]]></category>
		<category><![CDATA[Taylor Swift]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Vintage Font]]></category>
		<guid isPermaLink="false">http://tdi_122_751</guid>

					<description><![CDATA[The 'Folklore' album cover title by Taylor Swift used the 'IM Fell DW Pica' font, the same as the one used for 'Evermore.' Igino Marini's digitized restoration of John Fell's font punches and matrices adds a unique touch to the album design.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Folklore Taylor Swift Font</h2>



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

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

        const fontData = [
                        { name: "IM-Fell-DW-Pica-font", file: "IM-Fell-DW-Pica.ttf ", 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', 'folklore');
            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>Do you want the Folklore Taylor Swift Font? The Folklore Album cover title used IM Fell DW Pica font. It is the same font used for <a href="https://whatfontfinder.com/evermore-taylor-swift-font/">Evermore</a> font.IM Fell DW Pica is a digitized restoration of John Fell&#8217;s punches and matrices. The font was restored and recreated by Igino Marini, based on the punches and matrices bequeathed to the University of Oxford by John Fell. Our next step will be to learn more about Folklore by Taylor Swift.</p>



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



<p>Folklore is Taylor Swift&#8217;s eighth studio album, released in July 2020 without prior announcement. The album was created during the COVID-19 pandemic, with Swift collaborating remotely with producers Aaron Dessner, Jack Antonoff, and Joe Alwyn. The album has a more indie folk, alternative rock, and electro-acoustic sound than Swift&#8217;s previous pop albums and features guest vocals by Bon Iver.</p>



<p>The album explores escapism, empathy, nostalgia, and romanticism themes through stories and characters Swift invented or inspired by. The album received universal acclaim from critics and fans and won Album of the Year at the 2021 Grammy Awards.</p>



<p>Thank you for reading about Folklore Taylor Swift Font. If you liked this font and looking for then we suggest you check out our <a href="http://Folklore Taylor Swift Font">Evermore</a>, <a href="https://whatfontfinder.com/goosebumps-font/">Goosebumps</a>, and <a href="https://whatfontfinder.com/fedex-font/">FedEx </a>fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/folklore-taylor-swift-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Moana Font</title>
		<link>https://whatfontfinder.com/moana-font/</link>
					<comments>https://whatfontfinder.com/moana-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:43 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Children's Book Font]]></category>
		<category><![CDATA[classic]]></category>
		<category><![CDATA[cute]]></category>
		<category><![CDATA[Cute Font]]></category>
		<category><![CDATA[Disney Font]]></category>
		<category><![CDATA[friendly]]></category>
		<category><![CDATA[funny]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Pooh Bear Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[storybook]]></category>
		<category><![CDATA[Winnie the Pooh Font]]></category>
		<guid isPermaLink="false">http://tdi_110_ba1</guid>

					<description><![CDATA[Moana, a 2016 Disney animated film inspired by Polynesian mythology, introduces Moanas font, a replica of the movie's logo font available for free download. ]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Moana Font Generator</h2>



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

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

        const fontData = [
            { name: "Moanas-font", file: "Moanas.ttf ", statement: "Replica", statement: "Replica" },
            { name: "Flat-Earth-Scribe-font", file: "Flat-Earth-Scribe.ttf ", statement: "Similar", statement: "Similar" }
        ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'MOANA');
            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>The Moana font was designed specifically for the Moana movie logo. But we found a replica called Moanas font. And it is accessible to download. You can also try Flat Earth Scribe for a different look.</p>



<p><a target="_blank" href="https://en.wikipedia.org/wiki/Moana_(2016_film)" rel="noreferrer noopener">Moana&nbsp;</a>is a 2016 animated film produced by Walt Disney Animation Studios and inspired by Polynesian mythology. It tells the story of Moana, a young girl who loves the ocean and wants to explore the world beyond her island. The film features the voices of Auliâ€™i Cravalho as Moana, Dwayne Johnson as Maui, Rachel House as Gramma Tala, and others. The film was praised for its animation, music, and voice performances. It received two Oscar nominations for Best Animated Feature and Best Original Song.</p>



<p>Check out <a href="https://whatfontfinder.com/ratatouille-font/">Ratatoulle</a>, <a href="https://whatfontfinder.com/winnie-the-pooh-font/">Winnie the Pooh</a>, and <a href="https://whatfontfinder.com/brave-font/">Brave </a>fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/moana-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Christmas Carol Font</title>
		<link>https://whatfontfinder.com/christmas-carol-font/</link>
					<comments>https://whatfontfinder.com/christmas-carol-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:43 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[Calligraphy Font]]></category>
		<category><![CDATA[carol]]></category>
		<category><![CDATA[Christmas Carol Font]]></category>
		<category><![CDATA[Christmas Typography]]></category>
		<category><![CDATA[decorative]]></category>
		<category><![CDATA[Dickens]]></category>
		<category><![CDATA[elegant font]]></category>
		<category><![CDATA[Festive Font]]></category>
		<category><![CDATA[ghost]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[holiday]]></category>
		<category><![CDATA[Holiday Font]]></category>
		<category><![CDATA[Modern Calligraphy]]></category>
		<category><![CDATA[navidad]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[Scrooge]]></category>
		<category><![CDATA[song]]></category>
		<category><![CDATA[winter]]></category>
		<guid isPermaLink="false">http://tdi_113_2be</guid>

					<description><![CDATA[The Christmas Carol 2009 movie, directed by Robert Zemeckis, adapts Dickens's classic with Jim Carrey as Scrooge. The custom logo is similar to Navidad by FZ Fonts and is available for free personal and commercial use.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Christmas Carol Font Generator</h2>



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

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

        const fontData = [
            { name: "Navidad-font", file: "Navidad.ttf ", statement: "Replica", 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', 'A Christmas Carol');
            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>The&nbsp;<a target="_blank" href="https://en.wikipedia.org/wiki/A_Christmas_Carol_(2009_film)" rel="noreferrer noopener">Christmas Carol 2009</a>&nbsp;movie is an animated adaptation of Charles Dickens&#8217;s classic novel, directed by Robert Zemeckis. It stars Jim Carrey as Ebenezer Scrooge and several other characters. The movie follows the story of Scrooge, a greedy and selfish old man who hates Christmas. He is visited by four ghosts who show him the consequences of his actions and the possibility of redemption.</p>



<p>They used a custom design for the logo, but Navidad by FZ Fonts resembles the one used in the movie The Christmas Carol. You can download it for free and use it for personal and commercial use.</p>



<p>Check out <a href="https://whatfontfinder.com/the-creator-font/">The Creator</a>, <a href="https://whatfontfinder.com/goosebumps-font/">Goosebumps</a>, and <a href="https://whatfontfinder.com/dune-font/">Dune </a>fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/christmas-carol-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
