<?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>Handwritten font &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/handwritten-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>Handwritten 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>Scott Pilgrim Font</title>
		<link>https://whatfontfinder.com/scott-pilgrim-font/</link>
					<comments>https://whatfontfinder.com/scott-pilgrim-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 14 Jan 2024 09:36:48 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Creative Writing Font]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[Heading font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Scott Pilgrim Font]]></category>
		<category><![CDATA[Scott Pilgrim vs. the World]]></category>
		<category><![CDATA[Superfly Font by Fontalicious]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3152</guid>

					<description><![CDATA[In the 2010 film 'Scott Pilgrim vs. the World,' director Edgar Wright captivated audiences with its unique blend of action and comedy. For the Scott Pilgrim font, they used Superfly and the Dusty font for 'vs. World.']]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Scott Pilgrim Font Generator</h2>



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

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

        const fontData = [
            { name: "SUPERFLY-font", file: "SUPERFLY.TTF", statement: "Exact" },
            { name: "Dusty-font", file: "Dusty.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', 'SCOTT PILGRIM VS WORLD');
            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>Are you looking for the Scott Pilgrim font? <a href="https://en.wikipedia.org/wiki/Scott_Pilgrim_vs._the_World" target="_blank" rel="noopener">Scott Pilgrim vs. the World</a> is a 2010 action-comedy film directed by Edgar Wright, based on the graphic novel series Scott Pilgrim by Bryan Lee O&#8217;Malley. The film follows the story of Scott Pilgrim, a young musician who must defeat his girlfriend&#8217;s seven evil exes to win her heart. The film received positive reviews for its visual style, humor, and performances.</p>



<p>We found two fonts related to the movie&#8217;s logo and poster. For the &#8220;Scott Pilgrim&#8221; part, they used Superfly font by Fontalicious. For the &#8220;vs. world&#8221; part, Dusty font by dustbust is similar to it. You can download them both for free and use them for your projects. So, download them from our links now!</p>



<p>You can also check out our other fonts like <a href="https://whatfontfinder.com/kung-fu-panda-font/">Kung Fu Panda</a>, <a href="https://whatfontfinder.com/everything-everywhere-all-at-once-font/">Everything Everywhere All At Once</a>, and <a href="https://whatfontfinder.com/zootopia-font/">Zootopia </a>fonts now. </p>



<p>Thank you for reading</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/scott-pilgrim-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>The Owl House Font</title>
		<link>https://whatfontfinder.com/the-owl-house-font/</link>
					<comments>https://whatfontfinder.com/the-owl-house-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 23 Oct 2023 12:18:54 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[animation font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Children show]]></category>
		<category><![CDATA[Disney Font]]></category>
		<category><![CDATA[Doodle Font]]></category>
		<category><![CDATA[Fantasy Font]]></category>
		<category><![CDATA[foxcroft nf font]]></category>
		<category><![CDATA[Fun Font]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[Kids show]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Magic Font]]></category>
		<category><![CDATA[Owl Font]]></category>
		<category><![CDATA[Playful Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[The Owl House Font]]></category>
		<category><![CDATA[Witch Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1813</guid>

					<description><![CDATA[The Owl House is a Disney animated series where Luz Noceda explores the magical Boiling Isles with witch Eda and a demon called King. Make a concise two line excerpt for the content.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">The Owl House Font Generator</h2>



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

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

        const fontData = [
            { name: "Foxcroft-NF-Regular-font", file: "Foxcroft-NF-Regular.ttf ", statement: "Similar", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/foxcroft-nf-font-nicks-fonts?cjdata=MXxOfDB8WXww&cjevent=17154807719a11ee824e01920a18b8f9&utm_campaign=FontGet%20Inc&utm_cid=6092967&utm_content=text_mf2&utm_medium=affiliate&utm_pid=100771349&utm_sid=&utm_source=cj" } }
        ];

    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></p>



<p>Before we talk about the Owl House font, let&#8217;s talk about the show.</p>



<h2 class="wp-block-heading">What is The Owl House?</h2>



<p><a href="https://en.wikipedia.org/wiki/The_Owl_House" target="_blank" rel="noopener">The Owl House</a> is a popular Disney animated series following Luz Noceda&#8217;s adventures. She&#8217;s a teenage girl who accidentally enters a portal to a magical world called the Boiling Isles. There, she befriends a witch named Eda Clawthorne and her demon companion King. Luz decides to stay and learn magic from Eda while also discovering the secrets and mysteries of this strange world.</p>



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



<p><strong>Similar Fonts</strong>: The Owl House show&#8217;s creators used the Foxcroft NF font to create the modified title and logo. Nick Kurtis designed and published Foxcroft NF font. It is a commercial font, so you need to purchase a license before using it.</p>



<p>If you liked this font and are looking for more, then we recommend <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/fortnite-font/">Fortnite</a> fonts.</p>



<p>Thank your for reading.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/the-owl-house-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bratz Font</title>
		<link>https://whatfontfinder.com/bratz-font/</link>
					<comments>https://whatfontfinder.com/bratz-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Wed, 18 Oct 2023 11:10:37 +0000</pubDate>
				<category><![CDATA[Fashion]]></category>
		<category><![CDATA[Bratz]]></category>
		<category><![CDATA[Bratz logo]]></category>
		<category><![CDATA[Bratz logo font]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Comic font]]></category>
		<category><![CDATA[Decorative font]]></category>
		<category><![CDATA[Doll font]]></category>
		<category><![CDATA[Fashion font]]></category>
		<category><![CDATA[Funkhous font]]></category>
		<category><![CDATA[Funky font]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[House of Fun font]]></category>
		<category><![CDATA[Kenan & Kel font]]></category>
		<category><![CDATA[Rounded font]]></category>
		<category><![CDATA[Stylish font]]></category>
		<category><![CDATA[Whimsical font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1781</guid>

					<description><![CDATA[The 'Kenan &#038; Kel' font is a replica font resembling Bratz, while 'Funkhous' and 'House of Fun' offer free alternatives with unique and stylish designs for Bratz-inspired creations. Bratz fashion dolls, introduced in 2001 by MGA Entertainment, were known for their distinctive style and diverse personalities. Unfortunately, they were discontinued in 2016 and have yet to return since.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Bratz Font Generator</h2>



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

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

        const fontData = [
                        { name: "Kenan-keL-Font", file: "KEnaN-keL.ttf", statement: "Replica" },
            { name: "FUNKHOUS-Font", file: "FUNKHOUS.ttf", statement: "Free Alternative"},
{ name: "HouseOfFun-Font", file: "HouseOfFun.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', 'Bratz Font');
            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>



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



<p><strong><a href="https://en.wikipedia.org/wiki/Bratz" target="_blank" rel="noopener">Bratz</a></strong> fashion dolls are a line of dolls launched in 2001 by MGA Entertainment. The dolls are known for their unique style, attitude, and passion for fashion. The dolls have different personalities, interests, and hobbies, such as music, art, sports, or journalism. However, they were discontinued in 2016 and haven&#8217;t been seen after that.</p>



<h2 class="wp-block-heading">What you need to know about the Bratz Font</h2>



<p><strong>Replica Font</strong>: Kenan &amp; Kel font is a replica font similar to Bratz. Additionally, it is a handwritten font designed to resemble Bratz font.</p>



<p><strong>Free Alternatives</strong>: We recommend Funkhous font if you want an alternative font. House Industries designed the font. It has a funky and comic style, with rounded letters, irregular shapes, and decorative elements. House of Fun is another free alternative for you!</p>



<p>These fonts all have a unique and stylish look perfect for creating Bratz-inspired designs. You should try them out now and enhance your designs.</p>



<p>You can also check out our other fonts such as, <a href="https://whatfontfinder.com/fortnite-font/">Fortnite</a> and <a href="https://whatfontfinder.com/mamma-mia-font/">Mamma Mia</a> Fonts now!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/bratz-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>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>Kraven the Hunter Font</title>
		<link>https://whatfontfinder.com/kraven-the-hunter-font/</link>
					<comments>https://whatfontfinder.com/kraven-the-hunter-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[animal]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Comic Book Font]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[Kraven the Hunter Font]]></category>
		<category><![CDATA[Kraven the Hunter Logo]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Marvel font]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[Sergei Kravinoff]]></category>
		<category><![CDATA[serif]]></category>
		<category><![CDATA[Spider-Man Font]]></category>
		<category><![CDATA[Spider-Man Villain]]></category>
		<category><![CDATA[Superhero Font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Villain Font]]></category>
		<guid isPermaLink="false">http://tdi_106_062</guid>

					<description><![CDATA[The film Kraven the Hunter explains the origins of how the Marvel villain Kraven became Spider-Manâ€™s nemesis. Aaron Taylor-Johnson plays Kraven, a man who wants to show he is the best hunter in the world.
The filmâ€™s font is customized, but it resembles Kraken by FG Studios, a free font for personal use.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Kraven the Hunter Font Generator</h2>



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

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

        const fontData = [
            { name: "Kraken-font", file: "Kraken.ttf ", statement: "Similar", statement: "Similar" },
            { name: "Kraken Outlined-font", file: "Kraken Outlined.otf ", 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', 'Kraven the Hunter');
            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 film&nbsp;<a target="_blank" href="https://en.wikipedia.org/wiki/Kraven_the_Hunter_(film)" rel="noreferrer noopener">Kraven the Hunter</a>&nbsp;explains the origins of how the Marvel villain Kraven became Spider-Manâ€™s nemesis. Aaron Taylor-Johnson plays Kraven, a man who wants to show he is the best hunter in the world.</p>



<p>The filmâ€™s font is customized, but it resembles Kraken by FG Studios, a free font for personal use.</p>



<p>You can check out <a href="https://whatfontfinder.com/the-marvels-font/">The Marvels</a>, <a href="https://whatfontfinder.com/barbie-movie-font/">Barbie</a>, and <a href="https://whatfontfinder.com/avengers-font/">Avengers </a>fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/kraven-the-hunter-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>Winnie The Pooh Font</title>
		<link>https://whatfontfinder.com/winnie-the-pooh-font/</link>
					<comments>https://whatfontfinder.com/winnie-the-pooh-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:43 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[A.A. Milne]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bear]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Childlike Font]]></category>
		<category><![CDATA[children]]></category>
		<category><![CDATA[Children font]]></category>
		<category><![CDATA[Disney Characters]]></category>
		<category><![CDATA[Disney Font]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[honey]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Pooh Font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Winnie the Pooh Font]]></category>
		<category><![CDATA[Winnie the Pooh Logo]]></category>
		<category><![CDATA[Winnie the Pooh Typeface]]></category>
		<guid isPermaLink="false">http://tdi_112_d16</guid>

					<description><![CDATA[Winnie the Pooh, created by A. A. Milne and E. H. Shepard, is a beloved character who lives in the Hundred Acre Wood with friends. The logo used a custom design, but you can use free fonts named Piglet and Pooh for similar styles.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Winnie The Pooh Font Generator</h2>



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

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

        const fontData = [
            { name: "pooh-font", file: "pooh.ttf ", statement: "Replica", statement: "Replica" },
            { name: "Piglet-font", file: "Piglet.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', 'Winnie The Pooh');
            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><a href="https://en.wikipedia.org/wiki/Winnie-the-Pooh" target="_blank" rel="noopener">Winnie the Pooh</a> is a beloved character in childrenâ€™s literature and animation. He is a yellow teddy bear who loves honey. He lives in the Hundred Acre Wood with his friends Piglet, Tigger, Eeyore, Rabbit, Owl, Kanga, and Roo. He was created by the English author A. A. Milne and the illustrator E. H. Shepard. Shepard based him on a stuffed toy belonging to Milneâ€™s son, Christopher Robin.</p>



<p>They used to custom design the logo. However, we found two fonts matching the logo. These fonts are called Piglet and Pooh. They are both free to download. So you can use them for personal and commercial uses.</p>



<p>You can also check out our Disney-inspire <a href="https://whatfontfinder.com/the-owl-house-font/">The Owl House</a>, <a href="https://whatfontfinder.com/ratatouille-font/">Ratatouille</a>, and <a href="https://whatfontfinder.com/brave-font/">Brave </a>fonts. </p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/winnie-the-pooh-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
