<?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>gothic font &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/gothic-font/feed/" rel="self" type="application/rss+xml" />
	<link>https://whatfontfinder.com</link>
	<description>Find fonts for your favorite movies, logos, brands, music, and books.</description>
	<lastBuildDate>Wed, 29 Nov 2023 06:11:57 +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>gothic font &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>The Nun Font</title>
		<link>https://whatfontfinder.com/the-nun-font/</link>
					<comments>https://whatfontfinder.com/the-nun-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:44 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[All-caps]]></category>
		<category><![CDATA[baskerville font]]></category>
		<category><![CDATA[custom font]]></category>
		<category><![CDATA[demonic font]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[gothic font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[horror font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[serif]]></category>
		<category><![CDATA[the conjuring font]]></category>
		<category><![CDATA[the conjuring universe]]></category>
		<category><![CDATA[the nun]]></category>
		<category><![CDATA[the nun logo]]></category>
		<category><![CDATA[the nun movie]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[van dijik font]]></category>
		<guid isPermaLink="false">http://tdi_115_562</guid>

					<description><![CDATA[The 'The Nun' movie logo likely used the commercial 'Baskerville' font. For a free alternative, consider the 'Alice' font, a similar option for personal and commercial use. The Nun font movie' is part of The Conjuring Universe, where a priest and a nun investigate a haunted convent in Romania. It's a chilling tale based on the works of James Wan and Gary Dauberman.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">The Nun Font Generator</h2>



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

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

        const fontData = [
            { name: "Baskervville-Regular-font", file: "Baskervville-Regular.ttf ", statement: "EXACT", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/baskerville-original-pro-font-storm" } },
            { name: "Alice-Regular-font", file: "Alice-Regular.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', 'THE NUN');
            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>The Nun font is used on the logo from The Nun Movie.Â <a href="https://en.wikipedia.org/wiki/The_Nun_(2018_film)" target="_blank" rel="noreferrer noopener">The Nun</a>Â is a horror movie part of The Conjuring Universe. It tells the story of a priest and a nun who investigate a mysterious death at a convent in Romania. They discover that the place is haunted by a demonic entity that takes the form of a nun. The movie is based on a story by James Wan and Gary Dauberman, who also created The Conjuring and Annabelle movies.</p>



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



<p><strong>Exact:</strong>&nbsp;The Nun movie logo probably used the Baskerville font. They also used this font on their movie poster and title. But it is a commercial font, so you need to buy a license to use it.</p>



<p><strong>Free Alternative:</strong>&nbsp;Try the Alice font if you&#8217;re looking for a similar free option. This font is very similar to Baskerville. You can download this font for free for personal and commercial use.</p>



<p>If you liked this one and looking for more movie fonts then check out <a href="https://whatfontfinder.com/barbie-movie-font/">Barbie</a>, <a href="https://whatfontfinder.com/oppenheimer-font/">Oppenheimer</a>, and <a href="https://whatfontfinder.com/aquaman-font/">aquaman </a>fonts.</p>



<p>Thank you for reading.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/the-nun-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>
		<item>
		<title>Thug Life Font</title>
		<link>https://whatfontfinder.com/thug-life-font/</link>
					<comments>https://whatfontfinder.com/thug-life-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:43 +0000</pubDate>
				<category><![CDATA[Music]]></category>
		<category><![CDATA[blackletter]]></category>
		<category><![CDATA[Blackletter Font]]></category>
		<category><![CDATA[Calligraphy Font]]></category>
		<category><![CDATA[Card Design]]></category>
		<category><![CDATA[Decorative Typography]]></category>
		<category><![CDATA[display font]]></category>
		<category><![CDATA[gothic font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[hip-hop]]></category>
		<category><![CDATA[Label Design]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[medieval]]></category>
		<category><![CDATA[meme]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[rap]]></category>
		<category><![CDATA[Thug Life Font]]></category>
		<guid isPermaLink="false">http://tdi_108_5f4</guid>

					<description><![CDATA[Tupac Shakur popularized Thug Life as a symbol of resistance. The logo's font, Cloister Black by Dieter Steffmann, is free for personal and commercial use.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Thug Life Font Generator</h2>



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

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

        const fontData = [
            { name: "CloisterBlack-font", file: "CloisterBlack.ttf ", statement: "Exact", statement: "Exact" },
            { name: "MCF-bad-manners-font", file: "MCF-bad-manners.ttf ", statement: "Exact", statement: "Exact" }
        ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'Thug Life');
            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>Tupac Shakur made&nbsp;<a target="_blank" href="https://en.wikipedia.org/wiki/Thug_Life" rel="noreferrer noopener">Thug Life</a>&nbsp;a symbol of resistance and courage against society&#8217;s oppression. It also reflects marginalized people&#8217;s hardships and their efforts to create social change through music and outreach.</p>



<p>The Thug Life font used in the iconic logo is Cloister Black by Dieter Steffmann. The font is free for personal and commercial use.</p>



<p>Check out our other fonts like <a href="https://whatfontfinder.com/shy-away-font/">Shy Away</a>, <a href="https://whatfontfinder.com/mamma-mia-font/">Mamma Mia</a>, and <a href="https://whatfontfinder.com/lupin-font/">Lupin </a>Fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/thug-life-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
