<?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>Anime font &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/anime-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>Thu, 14 Dec 2023 12:01:28 +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>Anime font &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Demon Slayer Font</title>
		<link>https://whatfontfinder.com/demon-slayer-font/</link>
					<comments>https://whatfontfinder.com/demon-slayer-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Thu, 14 Dec 2023 11:59:34 +0000</pubDate>
				<category><![CDATA[Airline]]></category>
		<category><![CDATA[Anime font]]></category>
		<category><![CDATA[Blood Crow Font]]></category>
		<category><![CDATA[Daniel Zadorozny]]></category>
		<category><![CDATA[Demon Slayer Font]]></category>
		<category><![CDATA[Demon Slayer Logo]]></category>
		<category><![CDATA[Iconian Fonts]]></category>
		<category><![CDATA[Kimetsu no Yaiba]]></category>
		<category><![CDATA[Manga font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2736</guid>

					<description><![CDATA[The 'Demon Slayer' logo employs Blood Crow Condensed font by Iconian fonts, with the 'Mugen Train' part resembling the Impact font and Opti Ignite as a free alternative. This acclaimed manga and anime series, created by Koyoharu Gotouge, follows Tanjiro Kamado, a boy turned demon slayer after a demon transforms his family. It features distinctive art-engaging characters and has spawned the hit film 'Demon Slayer: Kimetsu no Yaiba the Movie: Mugen Train.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Demon Slayer Font Generator</h2>



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

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

        const fontData = [
           { name: "bloodcrow-font", file: "bloodcrow.ttf", statement: "Similar" },
           { name: "impact-font", file: "impact.ttf", statement: "Similar", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/impact-font-urw?" } },
            { name: "OPTIIgnite-font", file: "OPTIIgnite.otf", statement: "Free Alternative" }
        ];

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

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

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

    function updateFontPreviews() {
        const type = controlsContainer.querySelector('input[type="text"]').value;
        const color = controlsContainer.querySelector('input[type="color"]').value;
        const size = controlsContainer.querySelector('input[type="range"]').value + 'px';
        Object.values(fontPreviews).forEach(preview => {
            preview.style.color = color;
            preview.style.fontSize = size;
            preview.innerText = type;
        });
    }

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

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

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

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



<p><span style="color: initial;">Demon Slayer font used in the logo is Blood Crow Condensed font. It is designed and published by Iconian fonts. The &#8220;Mugen Train&#8221; part in the logo is similar to the Impact font. But you can try Opti Ignite font as a free alternative.</span></p>



<p><a href="https://en.wikipedia.org/wiki/Demon_Slayer:_Kimetsu_no_Yaiba" target="_blank" rel="noopener">Demon Slayer</a> is a manga and anime series that tells the story of Tanjiro Kamado, a boy who becomes a demon slayer after his family is killed by a demon and his sister, Nezuko, is turned into one. He joins the Demon Slayer Corps, a group of warriors who fight against demons using special breathing techniques and swords. It is a popular and acclaimed series that has won many awards and sold millions of copies. Its art, animation, characters, and story have been praised. It also has a movie, Demon Slayer: Kimetsu no Yaiba the Movie: Mugen Train.</p>



<p>If you like this font and looking for more anime fonts then check out <a href="https://whatfontfinder.com/haikyu-font/">Haikyu</a>,Â <a href="https://whatfontfinder.com/naruto-font/">Naruto</a>,Â <a href="https://whatfontfinder.com/attack-on-titan-font/">Attack on Titan</a>,Â <a href="https://whatfontfinder.com/bleach-font/">Bleach</a>, andÂ <a href="https://whatfontfinder.com/jujutsu-kaisen-font/">Jujutsu Kaisen</a>Â fonts now.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/demon-slayer-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Naruto Font</title>
		<link>https://whatfontfinder.com/naruto-font/</link>
					<comments>https://whatfontfinder.com/naruto-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:44 +0000</pubDate>
				<category><![CDATA[Anime]]></category>
		<category><![CDATA[Action]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[anime]]></category>
		<category><![CDATA[Anime font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Comic script font]]></category>
		<category><![CDATA[Eren Yeager]]></category>
		<category><![CDATA[fantasy]]></category>
		<category><![CDATA[Friendship]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Humor]]></category>
		<category><![CDATA[Japanese font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Manga font]]></category>
		<category><![CDATA[Naruto]]></category>
		<category><![CDATA[naruto ninja]]></category>
		<category><![CDATA[Ninja font]]></category>
		<category><![CDATA[Ninjutsu]]></category>
		<category><![CDATA[Shonen]]></category>
		<guid isPermaLink="false">http://tdi_119_666</guid>

					<description><![CDATA[The Naruto Font used in the anime logo is custom-made and unavailable to the public. However, you can explore the Ninja Naruto font, a replica inspired by the series. Naruto is a beloved manga and anime series following Naruto Uzumaki's journey to become the Hokage.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Naruto Font Generator</h2>



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

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

        const fontData = [
            { name: "ninja-naruto-font", file: "ninja-naruto.ttf ", statement: "Replica" }
        ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'NARUTO');
            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>Since the Naruto Font used in the anime logo is a custom-made font, it isn&#8217;t available to the public. But you can try Ninja Naruto font, a replica font inspired by Naruto and its logo. It features sharp and angular strokes, resembling the swift movements and intense battles depicted in the series.</p>



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



<p><a href="https://en.wikipedia.org/wiki/Naruto" target="_blank" rel="noopener">Naruto</a> is one of the most popular manga and anime series created by Masashi Kishimoto. It follows the adventures of Naruto Uzumaki, a young ninja who wants to become the Hokage, the leader of his village. It was adapted into anime byÂ <strong>Pierrot</strong>Â and Aniplex into two series: Naruto (2002-2007) and Naruto: Shippuden (2007-2017). </p>



<p>It has been praised for its exciting and complex plot, realistic and well-developed characters, beautiful and dynamic animation and music, and themes of friendship, loyalty, and perseverance.</p>



<p>If you liked this font and looking for more similar then check out <a href="https://whatfontfinder.com/attack-on-titan-font/">Attack On Titan</a>, and <a href="https://whatfontfinder.com/brave-font/">Brave </a>fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/naruto-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Attack on Titan Font</title>
		<link>https://whatfontfinder.com/attack-on-titan-font/</link>
					<comments>https://whatfontfinder.com/attack-on-titan-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:44 +0000</pubDate>
				<category><![CDATA[Anime]]></category>
		<category><![CDATA[Action]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[anime]]></category>
		<category><![CDATA[Anime font]]></category>
		<category><![CDATA[Attack on Titan]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Comic script font]]></category>
		<category><![CDATA[Dark Fantasy]]></category>
		<category><![CDATA[Eren Yeager]]></category>
		<category><![CDATA[gothic]]></category>
		<category><![CDATA[gothic font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Horror]]></category>
		<category><![CDATA[Japanese font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Manga font]]></category>
		<category><![CDATA[Military]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">http://tdi_120_972</guid>

					<description><![CDATA[The custom 'Attack on Titan' font used in the anime logo inspired the 'Goth Titan' font, a replica with sharp angles and a powerful aura, designed by Juan Casco. It's a free font suitable for personal use. Attack on Titan is a gripping manga and anime series by Hajime Isayama that depicts a world plagued by Titans. These giant creatures threaten humanity's existence and Eren's journey to eradicate them.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Attack on Titan Font Generator</h2>



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

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

        const fontData = [
            { name: "Goth-Titan-font", file: "GothTitan.ttf ", statement: "Replica" }
        ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'ATTACK ON TITAN');
            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>Attack on Titan font used in the Attack on Titan anime logo is custom-made by the designers. But I have a replica font for you, called Goth Titan font. It was designed and published by Juan Casco, an Indonesian font designer. The font features sharp angles, strong lines, and intricate details, giving it a powerful and mysterious aura. This font is free for personal use.</p>



<h2 class="wp-block-heading">About Attack On Titan</h2>



<p><a target="_blank" href="https://en.wikipedia.org/wiki/Attack_on_Titan" rel="noreferrer noopener">Attack on Titan</a>&nbsp;is a popular manga and anime series created by Hajime Isayama. It tells the story of a world where humans are threatened by giant creatures called Titans, who devour them without mercy. The main character is Eren Yeager, a young boy who joins the military to fight the Titans after his mother is killed by one of them.</p>



<p>It has been adapted into an anime by Wit Studio and MAPPA and has aired since 2013. The series has been praised for its dark and realistic tone, complex and intriguing plot, well-developed characters, and stunning animation and music.</p>



<p>If you liked this font and looking for more then check out <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/attack-on-titan-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
