<?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>Video game &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/video-game/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>Sun, 28 Jan 2024 12:26:31 +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>Video game &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>NBA 2K16 Font</title>
		<link>https://whatfontfinder.com/nba-2k16-font/</link>
					<comments>https://whatfontfinder.com/nba-2k16-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 28 Jan 2024 12:22:11 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[2K Sports]]></category>
		<category><![CDATA[Agency FB Wide Black]]></category>
		<category><![CDATA[Basketball Simulation]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[David Berlow]]></category>
		<category><![CDATA[Dieter Hofrichter]]></category>
		<category><![CDATA[EquipExtended ExtraBold]]></category>
		<category><![CDATA[Font Bureau]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[NBA 2K16]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[square]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Video game]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3258</guid>

					<description><![CDATA[The NBA 2K16 logo combines two fonts. The "NBA" part resembles the EquipExtended ExtraBold font by Dieter Hofrichter, while the "2K16" appears to be based on the Agency FB Wide Black font by David Berlow of Font Bureau.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">NBA 2K16 Font Generator</h2>



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

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

    const fontData = [
        { name: "Equip-Extended-ExtraBold", file: "Equip-Extended-ExtraBold.ttf", statement: "Replica", customText: "NBA", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/equipextended-font-hoftype?" } },
        { name: "Agency-FB-Black-Wide", file: "Agency-FB-Black-Wide.ttf", statement: "Replica", customText: "2K16" },

    ];

    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', '40');
        }
        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>The NBA 2K16 logo combines two distinct fonts. The &#8220;NBA&#8221; part of the logo closely resembles the <strong>EquipExtended ExtraBold font</strong>, designed by Dieter Hofrichter. This font is characterized by its bold, sans-serif style, and is well-suited for ambitious typography.</p>



<p>The &#8220;2K16&#8221; part of the logo appears to be based on the <strong>Agency FB Wide Black font</strong>, designed by David Berlow of Font Bureau. This font belongs to the geometric, sans-serif, square, and wide categories, and is typically used for titles and headings.</p>



<p>These two fonts together create a unique and dynamic logo for the NBA 2K16 game, reflecting the energy and excitement of the basketball simulation game.</p>



<p>NBA 2K16 is a basketball simulation video game developed by Visual Concepts and published by 2K. Released in 2015, it is the 17th installment in the NBA 2K franchise. </p>



<p>The game offers a comprehensive basketball experience, allowing players to guide their MyPLAYER through the complete NBA journey, take control of an entire NBA franchise, or hone their skills online competing against gamers worldwide.</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>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/nba-2k16-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>PUBG Font</title>
		<link>https://whatfontfinder.com/pubg-font/</link>
					<comments>https://whatfontfinder.com/pubg-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Wed, 25 Oct 2023 13:20:17 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Battle Royale]]></category>
		<category><![CDATA[Distorted Font]]></category>
		<category><![CDATA[Eroded Font]]></category>
		<category><![CDATA[gaming font]]></category>
		<category><![CDATA[Grunge Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Headliner No. 45]]></category>
		<category><![CDATA[KC Fonts]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[PUBG]]></category>
		<category><![CDATA[Retro Font]]></category>
		<category><![CDATA[Stylish font]]></category>
		<category><![CDATA[Video game]]></category>
		<category><![CDATA[Video Game Logo]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1911</guid>

					<description><![CDATA[PUBG, or PlayerUnknown's Battlegrounds, is a gripping battle royale game with realistic graphics and evolving maps. Developed by PUBG Studios and published by Krafton, it has captivated millions of players worldwide. The PUBG logo font is 'Headliner No. 45' by Kevin Christopher, ideal for a grunge or retro look. For a free alternative, check out 'PUBG Sans' by Siva Sai Chaitanya Gudari. Now, let's dive into PUBG.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">PUBG Font Generator</h2>



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

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

        const fontData = [
                        { name: "Headliner-No-45-font", file: "HeadlinerNo45-DEMO.ttf", statement: "Exact" },
            { name: "PUBG-SANS-font", file: "PUBG-SANS.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', 'PUBG');
            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><strong>Exact Font</strong>: Looking for PUBG font? The logo for the PUBG game used the Headliner No. 45 font. Kevin Christopher designed the Headliner No. 45 font. It is a distorted and eroded font perfect for headlines, posters, and logos with a grunge or retro touch.</p>



<p><strong>Free alternative</strong>: There&#8217;s also the PUBG Sans font by Siva Sai Chaitanya Gudari. You can download them both for free. Now, let&#8217;s talk about PUBG.</p>



<h3 class="wp-block-heading">What is PUBG?</h3>



<p><a href="https://en.wikipedia.org/wiki/PUBG:_Battlegrounds" target="_blank" rel="noopener">PUBG</a>, or PlayerUnknown&#8217;s Battlegrounds, is a multiplayer battle royale game where players are dropped onto an island and must fight to be the last one standing. It was developed by PUBG Studios and published by Krafton. PUBG has realistic graphics and immersive gameplay. And it&#8217;s constantly changing maps deliver unique and thrilling gaming experiences, captivating millions of players worldwide.</p>



<p>If you found the PUBG font and looking for more fonts then check out our other pages. We have many other fonts, such as <a href="https://whatfontfinder.com/fortnite-font/">Fortnite</a>, <a href="https://whatfontfinder.com/oppenheimer-font/">Oppenheimer</a>, <a href="https://whatfontfinder.com/bratz-font/">Bratz</a>, and <a href="https://whatfontfinder.com/barbie-movie-font/">Barbie</a> fonts now!</p>



<p>Thank you for reading.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/pubg-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Castlevania Font</title>
		<link>https://whatfontfinder.com/castlevania-font/</link>
					<comments>https://whatfontfinder.com/castlevania-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:41 +0000</pubDate>
				<category><![CDATA[Anime]]></category>
		<category><![CDATA[TV Show]]></category>
		<category><![CDATA[anime]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[blackletter]]></category>
		<category><![CDATA[castlevania]]></category>
		<category><![CDATA[Distinctive font]]></category>
		<category><![CDATA[dracula]]></category>
		<category><![CDATA[Fan-made font]]></category>
		<category><![CDATA[Fantasy Font]]></category>
		<category><![CDATA[gothic]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Horror]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Medieval font]]></category>
		<category><![CDATA[netflix]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[unique font]]></category>
		<category><![CDATA[vampire]]></category>
		<category><![CDATA[Video game]]></category>
		<guid isPermaLink="false">http://tdi_75_505</guid>

					<description><![CDATA[The Castlevania font is based on Fette Unz Fraktur, known for its blackletter and Gothic styles. It's widely used in Germany. Castlevania is a multimedia franchise, including video games and a Netflix animated series based on Castlevania III: Dracula's Curse.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Castlevania Font Generator</h2>



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

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

        const fontData = [
            { name: "FetteClassicUNZFraktur-font", file: "FetteClassicUNZFraktur.ttf ", 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', 'Castlevania');
            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><strong>Similar</strong>: Castlevania font is based on Fette Unz Fraktur. This font has two types of font styles: blackletter and Gothic. It is based on Johann Christian Bauer&#8217;s design. Fette means bold, while fraktur was the principal German vernacular type. It is one of the most widely used Fraktur fonts, especially in Germany.</p>



<p><a target="_blank" href="https://en.wikipedia.org/wiki/Castlevania_(TV_series)" rel="noreferrer noopener">Castlevania</a>&nbsp;is a media franchise comprising video games, animated series, and related works. Based on the franchise, Netflix produced an animated series called Castlevania, written by Warren Ellis.</p>



<p>The series is based on the game Castlevania III: Dracula&#8217;s Curse and follows Trevor Belmont, Alucard, and Sypha Belnades as they try to stop Dracula from destroying humanity.</p>



<p>You can also check out our other fonts like <a href="https://whatfontfinder.com/bleach-font/">Bleach</a>, <a href="https://whatfontfinder.com/jujutsu-kaisen-font/">Jujutsu Kaisen</a>, and <a href="https://whatfontfinder.com/wp-admin/post.php?post=1813&amp;action=edit">The Owl House</a> fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/castlevania-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
