<?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>Font Generator &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/font-generator/feed/" rel="self" type="application/rss+xml" />
	<link>https://whatfontfinder.com</link>
	<description>Find fonts for your favorite movies, logos, brands, music, and books.</description>
	<lastBuildDate>Mon, 05 Feb 2024 13:47:54 +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>Font Generator &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Wii Font</title>
		<link>https://whatfontfinder.com/wii-font/</link>
					<comments>https://whatfontfinder.com/wii-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 05 Feb 2024 13:46:35 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Breath of the Wild]]></category>
		<category><![CDATA[CEMU]]></category>
		<category><![CDATA[EmuDeck]]></category>
		<category><![CDATA[Emulation]]></category>
		<category><![CDATA[Emulator]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Mario Party 8]]></category>
		<category><![CDATA[Roms]]></category>
		<category><![CDATA[Steam Deck]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Twilight Princess HD]]></category>
		<category><![CDATA[Wii]]></category>
		<category><![CDATA[Wii U]]></category>
		<category><![CDATA[Wind Waker HD]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3308</guid>

					<description><![CDATA[The Wii, a 2006 Nintendo game console with motion-sensing controllers, offers immersive gameplay with activities like tennis, golf, and bowling. Compatible with GameCube games, its best-sellers include Wii Sports and Mario Kart. The Wii logo resembles the Continuum font, designed by BrÃ¸derbund Software.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Wii Font Generator</h2>



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

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

    const fontData = [
        { name: "contl", file: "contl.ttf", statement: "Replica", customText: "Wii" },
        { name: "contm", file: "contm.ttf", statement: "Replica", customText: "Wii" },
        { name: "contb", file: "contb.ttf", statement: "Replica", customText: "Wii" }
    ];

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

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

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

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

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

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

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

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

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

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

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

        previewContainer.appendChild(fontContainer);
    });

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

    updateFontPreviews();

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



<p>Let&#8217;s talk about Wii font. The <a href="https://en.wikipedia.org/wiki/Wii" target="_blank" rel="noopener">Wii</a> is a game console made by Nintendo that came out in 2006. It has a special controller that can sense your motion. You can play games by moving the controller, like a tennis racket, a golf club, or a bowling ball. The Wii can also play old games from the GameCube. The Wii has many fun games for everyone. Some of the best-selling games for the Wii are Wii Sports, Mario Kart Wii, Wii Sports Resort, and New Super Mario Bros. Wii.</p>



<p>The Wii logo looks very similar to a font named Continuum, which BrÃ¸derbund Software designed. This font has three versions, each with a complete set of characters, and you can get it for free from our Wii Font Generator Section.</p>



<p>You can also check out other game fonts such asÂ <a href="https://whatfontfinder.com/splatoon-font/">Splatoon</a>, <a href="https://whatfontfinder.com/playstation-font/">PlayStation</a>,Â <a href="https://whatfontfinder.com/valorant-font/">Valorant</a>,Â <a href="https://whatfontfinder.com/splatoon-font/">Splatoon</a>,Â <a href="https://whatfontfinder.com/undertale-font/">Undertale</a>Â andÂ <a href="https://whatfontfinder.com/genshin-impact-font/">Genshin Impact</a>Â font.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/wii-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Baldur&#8217;s Gate Font</title>
		<link>https://whatfontfinder.com/baldurs-gate-font/</link>
					<comments>https://whatfontfinder.com/baldurs-gate-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 05 Feb 2024 13:23:53 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[classic]]></category>
		<category><![CDATA[Dungeons and Dragons]]></category>
		<category><![CDATA[Enhanced Edition]]></category>
		<category><![CDATA[fantasy]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Infinity Engine]]></category>
		<category><![CDATA[Isometric]]></category>
		<category><![CDATA[PC game]]></category>
		<category><![CDATA[Real-time with pause]]></category>
		<category><![CDATA[Role-playing game]]></category>
		<category><![CDATA[RPG]]></category>
		<category><![CDATA[Single-player]]></category>
		<category><![CDATA[Story-rich]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3292</guid>

					<description><![CDATA[Do you want the iconic Baldur's Gate font? Originating from BioWare's 1998 RPG masterpiece set in the Dungeons &#038; Dragons realm, the game's logo resembles Uncial, crafted by Victor Hammer in 1952. Ensure legal use by obtaining a licence for this non-free font.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Baldur&#8217;s Gate Font Generator</h2>



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

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

    const fontData = [
        { name: "Uncial-Regular", file: "Uncial-Regular.ttf", statement: "Similar", customText: "Baldur's Gate", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/uncial-font-monotype-imaging" } }
    ];

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

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

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

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

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

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

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

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

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

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

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

        previewContainer.appendChild(fontContainer);
    });

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

    updateFontPreviews();

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



<p>Are you looking for the Baldur&#8217;s Gate font? <a href="https://en.wikipedia.org/wiki/Baldur%27s_Gate" target="_blank" rel="noopener">Baldurâ€™s Gate</a> is a legendary RPG game that BioWare launched in 1998. The game takes place in the Forgotten Realms world of Dungeons &amp; Dragons and lets the player explore the city of Baldurâ€™s Gate, where they face political schemes and monstrous foes.</p>



<p>The gameâ€™s logo on its cover art looks similar to Uncial, a font Victor Hammer designed in 1952. This font is not free to use. So you need to purchase a licence before using the font.</p>



<p>We also offer other game fonts such asÂ <a href="https://whatfontfinder.com/playstation-font/">PlayStation</a>,Â <a href="https://whatfontfinder.com/valorant-font/">Valorant</a>,Â <a href="https://whatfontfinder.com/splatoon-font/">Splatoon</a>,Â <a href="https://whatfontfinder.com/undertale-font/">Undertale</a>Â andÂ <a href="https://whatfontfinder.com/genshin-impact-font/">Genshin Impact</a>Â font.</p>



<p>Thank you for reading.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/baldurs-gate-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<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>Lupin Font</title>
		<link>https://whatfontfinder.com/lupin-font/</link>
					<comments>https://whatfontfinder.com/lupin-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:41 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Cute Font]]></category>
		<category><![CDATA[Delicate Font]]></category>
		<category><![CDATA[Film Font]]></category>
		<category><![CDATA[Font Download]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[French]]></category>
		<category><![CDATA[Handwritten font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Lupin Font]]></category>
		<category><![CDATA[mystery]]></category>
		<category><![CDATA[netflix]]></category>
		<category><![CDATA[series]]></category>
		<category><![CDATA[Tall Lettered Font]]></category>
		<category><![CDATA[thief]]></category>
		<category><![CDATA[Thin Font]]></category>
		<category><![CDATA[Titling Gothic FB Comp Black]]></category>
		<category><![CDATA[Typeface]]></category>
		<guid isPermaLink="false">http://tdi_74_fbb</guid>

					<description><![CDATA[The Lupin logo uses the Titling Gothic FB Compressed Black font by Font Bureau. For a similar free alternative, you can try Freedom45 by Khurasan. Lupin is a Netflix series inspired by the classic character ArsÃ¨ne Lupin.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Lupin Font Generator</h2>



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

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

        const fontData = [
            { name: "TitlingGothicFB-Cond-Bold-font", file: "TitlingGothicFB-Cond-Bold.otf", statement: "Exact", extraButton: { text: "Buy Now", link: "https://store.typenetwork.com/foundry/fontbureau/fonts/titling-gothic-fb" } },
            { name: "Freedom45-font", file: "Freedom45.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', 'LUPIN');
            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 target="_blank" href="https://en.wikipedia.org/wiki/Lupin_(French_TV_series)" rel="noreferrer noopener">Lupin</a>&nbsp;is a Netflix series from France inspired by the classic character. It premieres Assane Duop, a man who uses the skills and tricks of the legendary thief ArsÃ¨ne Lupin to get back to a wealthy family that wronged his father.</p>



<p>The font used for Lupin&#8217;s logo is Titling Gothic FB Compressed Black, which Font Bureau made. You can use Freedom45 by Khurasan as a free alternative, which looks very similar.</p>



<p>You can also check out <a href="https://whatfontfinder.com/kraven-the-hunter-font/">Kraken The Hunter</a>, <a href="https://whatfontfinder.com/loki-font/">Loki</a>, and <a href="https://whatfontfinder.com/goosebumps-font/">Goosebumps </a>fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/lupin-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
