<?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>TV Show &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/fonts/tv-show/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>Tue, 25 Feb 2025 13:17:12 +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>TV Show &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Friends Font</title>
		<link>https://whatfontfinder.com/friends-font/</link>
					<comments>https://whatfontfinder.com/friends-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Mon, 08 Apr 2024 15:30:17 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[Friends]]></category>
		<category><![CDATA[handwritten typeface]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Replica Fonts]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3438</guid>

					<description><![CDATA[The popular sitcom Friends has a custom-made logo font that is not officially available. However, there are several replica fonts that capture the essence of the show's logo.]]></description>
										<content:encoded><![CDATA[
<p>&#8220;Friends&#8221; is recognized as a cultural phenomenon that aired on NBC from 1994 to 2004. Created by David Crane and Marta Kauffman, the series follows six friends in their 20s and 30s living in Manhattan, New York City.</p>



<p>While the original Friends font was custom-made for the show and is not officially available, several designers have created fonts inspired by the logo.</p>



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

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

    // Updated fontData with freeDownload attribute
    const fontData = [
    { name: "Ends", file: "Ends.otf", statement: "Replica", freeDownload: false, customText: "F.R.I.E.N.D.S", extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/ends/ref/2465626/" } },
    { name: "Gabriel-Friends", file: "Gabriel-Friends.ttf", statement: "Replica", freeDownload: true, customText: "F.R.I.E.N.D.S" },
    { name: "Minus-cre", file: "Minus-cre.ttf", statement: "Replica", freeDownload: true, customText: "F.R.I.E.N.D.S" }

    ];

    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 = 'Fonts 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, freeDownload }, 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);
        }
        
        if (freeDownload) {
            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;
                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><strong>Replica Fonts:</strong></p>



<ul class="wp-block-list">
<li><strong>Ends Font:</strong> Designed by Abu Hasnat, this font is described as sweet and friendly, capturing the essence of the original &#8220;Friends&#8221; logo font. It&#8217;s a paid font, but it is noted to be affordable.</li>



<li><strong>Gabriel Weissâ€™s Friends Font:</strong> This font is a creation by designer Gabriel Weiss, who took inspiration from the &#8220;Friends&#8221; logo to craft a similar typeface.</li>



<li><strong>Minus Cre Font:</strong> Created by Fred Cre, this handwritten typeface is noted for its unique style and can serve as another alternative for those looking to mimic the &#8220;Friends&#8221; logo aesthetic.</li>
</ul>



<p>These fonts are not exact copies but are inspired by the logo&#8217;s style, offering fans and designers the opportunity to create work with a similar vibe to the beloved show.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/friends-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Super Mario Fonts</title>
		<link>https://whatfontfinder.com/super-mario-fonts/</link>
					<comments>https://whatfontfinder.com/super-mario-fonts/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 25 Feb 2024 06:00:24 +0000</pubDate>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Movie]]></category>
		<category><![CDATA[TV Show]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Super Mario]]></category>
		<category><![CDATA[Super Mario BROS]]></category>
		<category><![CDATA[Super Mario Bros movie]]></category>
		<category><![CDATA[Super Mario Galaxy 2]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3407</guid>

					<description><![CDATA[The Super Mario series features unique typography, with fan-made replicas of the unreleased official font. Notable options include Sumario Font, Super Mario 286, and Mario and Luigi Font.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Super Mario Fonts Generator</h2>



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

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

    // Updated fontData with freeDownload attribute
    const fontData = [

{ name: "Sumario", file: "Sumario.ttf", statement: "Best Alternative", customText: "SUPER MARIO", freeDownload: false, extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/sumario/ref/2465626/" } },
{ name: "Gamtex", file: "Gamtex.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "MushroomKingdomNbp", file: "MushroomKingdomNbp.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "MarioAndLuigi", file: "MarioAndLuigi.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "SuperMario-286", file: "SuperMario-286.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Super-Plumber-Brothers", file: "Super-Plumber-Brothers.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Typeface-Mario-64", file: "Typeface-Mario-64.otf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Typeface-Mario-World-Pixel-Filled-Regular", file: "Typeface-Mario-World-Pixel-Filled-Regular.otf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Typeface-Mario-World-Pixel-Outline-Regular", file: "Typeface-Mario-World-Pixel-Outline-Regular.otf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "ITC-Machine-Std-Bold", file: "ITC-Machine-Std-Bold.otf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Olive-Nord-MN-Regular", file: "Olive-Nord-MN-Regular.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Kill-Joy-Regular", file: "Kill-Joy-Regular.ttf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },
{ name: "Kristopher-Regular", file: "Kristopher-Regular.otf", statement: "Similar", customText: "SUPER MARIO", freeDownload: true },

    ];

    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 = 'Fonts 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, freeDownload }, 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);
        }
        
        if (freeDownload) {
            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;
                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 Super Mario series, a timeless video game franchise, boasts a distinctive brand identity, including its unique typography. From the hand-drawn creations of Shigeru Miyamoto to the numerous fan-made replications, Super Mario fonts continue to delight players and creators alike.</p>



<h2 class="wp-block-heading">Super Mario Fonts:</h2>



<p>TheÂ <strong>Super Mario</strong>Â franchise features various fonts used in its games and related media. While the official Super Mario font remains unreleased, several talented fans have created accurate replicas. Here are some notable options:</p>



<p><strong>Sumario Font:</strong> A decorative paid font with a Gothic, stylish flair designed by <a href="https://www.creativefabrica.com/designer/abuhasnat/" data-type="link" data-id="https://www.creativefabrica.com/designer/abuhasnat/" target="_blank" rel="noopener">Abuhasnat</a>. It has a cartoon-like quality that makes it a good alternative for the Super Mario logo. Its also available in italic version.</p>



<p><strong>Super Mario 286</strong>: Similar to the original font but with unique modifications and multilingual characters.</p>



<p><strong>Mario and Luigi Font</strong>: A dingbat font with various symbols inspired by the Super Mario series, free for personal use.</p>



<p><strong>Mushroom Kingdom NBP Font</strong>: Ideal for creating a classic Mushroom Kingdom style, offering a range of characters.</p>



<p><strong>Gamtex Font:</strong> Created by FG Studios, this fancy font looks very similar to the title logo from the 2023 Super Mario Bros movie.</p>



<p><strong>Super Plumber Brothers Font:</strong> A replica of the original 1985 Super Mario Bros logo font, designed by Jackster Productions.</p>



<p><strong>Super Mario 256 Font:</strong> Designed by fsuarez913, this font mimics the logo from Super Mario 64. It&#8217;s free for personal use.</p>



<p><strong>Chlorinap Font:</strong> Created by Caffeen Fonts, this outline font has a cartoon style reminiscent of the Super Mario Galaxy 2 logo.</p>



<p><strong>Typeface Mario World Pixel Filled Regular Font:</strong> Designed in 2022 by Ripoof, this pixel font replicates the Super Mario World game logo.</p>



<p><strong>Olive MN Nord Font:</strong> Matches the font used for the 1993 Super Mario Bros live-action movie logo. Designed by PYRS Fontlab Ltd.</p>



<p><strong>Kristopher Regular Font:</strong> Created by Vintage Voyage Design Supply, this display font looks very similar to the 2014 Super Smash Bros logo font.</p>



<p>In summary, while there is no official Super Mario font for download, fans have created excellent replicas that capture the essence of the iconic video game logo font. Several of these fonts can be used free for personal projects.</p>



<p>Thank you for reading about the Super Mario Fonts. But you can also take a look at out other font offerings like <a href="https://whatfontfinder.com/wii-font/">Wii</a>, <a href="https://whatfontfinder.com/shrek-font/">Shrek</a>, <a href="https://whatfontfinder.com/baldurs-gate-font/">Baldurâ€™s Gate</a>, <a href="https://whatfontfinder.com/playstation-font/">PlayStation</a>, <a href="https://whatfontfinder.com/undertale-font/">Undertale</a> and <a href="https://whatfontfinder.com/overwatch-font/">Overwatch</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/super-mario-fonts/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Pokemon Font</title>
		<link>https://whatfontfinder.com/pokemon-font/</link>
					<comments>https://whatfontfinder.com/pokemon-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 18 Feb 2024 14:54:11 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[KIDS]]></category>
		<category><![CDATA[CREATIVE FONTS]]></category>
		<category><![CDATA[FONT GUIDE]]></category>
		<category><![CDATA[FONTS GAMING]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[HOLLOW FONTS]]></category>
		<category><![CDATA[KETCHUM]]></category>
		<category><![CDATA[Logo design]]></category>
		<category><![CDATA[NOSTALGIC DESIGN]]></category>
		<category><![CDATA[Pokemon]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3394</guid>

					<description><![CDATA[Whether you're a designer, a PokÃ©mon enthusiast, or simply curious about typography, this guide explores various PokÃ©mon-themed fonts, highlighting their characteristics and uses.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Pokemon Font Generator</h2>



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

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

    // Updated fontData with freeDownload attribute
    const fontData = [

{ name: "Pokemon-dingbats", file: "Pokemon-dingbats.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Ketchum-Italic", file: "Ketchum-Italic.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Ketchum", file: "Ketchum.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "PokemonPixels1", file: "PokemonPixels1.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "PokemonPixels2-G", file: "PokemonPixels2-G.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "PokemonPixels2", file: "PokemonPixels2.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Anillo-Outline", file: "Anillo-Outline.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Anillo", file: "Anillo.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Outlined", file: "Pokemon-Outlined.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon1", file: "Pokemon1.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "PikaPika", file: "PikaPika.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "AlphaSapphire", file: "AlphaSapphire.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Raimoen", file: "Raimoen.otf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Hollow-Normal", file: "Pokemon-Hollow-Normal.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "OmegaRuby", file: "OmegaRuby.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Annone", file: "Annone.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Solid-Normal", file: "Pokemon-Solid-Normal.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pocket-Monk", file: "Pocket-Monk.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Unown-font", file: "Unown-font.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Danis-Pikachu", file: "Danis-Pikachu.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Gb-JapanHr-regular", file: "Pokemon-Gb-JapanHr-regular.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Gb-JapanKt", file: "Pokemon-Gb-JapanKt.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Gb", file: "Pokemon-Gb.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },
{ name: "Pokemon-Unown-Gb", file: "Pokemon-Unown-Gb.ttf", statement: "Similar", customText: "Pokemon", freeDownload: true },

    ];

    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 = 'Fonts 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, freeDownload }, 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);
        }
        
        if (freeDownload) {
            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;
                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 PokÃ©mon franchise, beloved by millions, extends its unique visual style to typography, offering a diverse array of fonts that capture the essence of its colorful universe. From the iconic logo fonts to the mysterious Unown script, each font tells a story, reflecting the creativity and diversity of the PokÃ©mon world. Whether you&#8217;re a designer, a PokÃ©mon enthusiast, or simply curious about typography, this guide explores various PokÃ©mon-themed fonts, highlighting their characteristics and uses.</p>



<h2 class="wp-block-heading">PokÃ©mon Logo Fonts</h2>



<p>The PokÃ©mon logo is known for its bold, playful lettering, inspiring several fan-made typefaces:</p>



<ul class="wp-block-list">
<li><strong>Ketchum Font</strong>: Mimics the original logo, available in regular and italic, designed by Pixel Sagas.</li>



<li><strong>PokÃ©mon Font by FG studios</strong>: A fancy type font, free for commercial use, suitable as a PokÃ©mon Logo Font.</li>



<li><strong>PokÃ©mon Solid Font</strong>: A solid version of the logo font by IPBP, released in 2007, used in games, logos, and media.</li>



<li><strong>PokÃ©mon Hollow Font</strong>: A hollow version retaining the iconic accent mark over the &#8220;e&#8221;.</li>



<li><strong>Pocket Monk Font</strong>: Shares visual characteristics with the original logo, known for bold and rounded letterforms.</li>
</ul>



<p>Fonts capturing the essence of PokÃ©mon games and characters:</p>



<ul class="wp-block-list">
<li><strong>PokÃ©mon GB Font</strong>: Evokes the classic Game Boy era, perfect for retro designs.</li>



<li><strong>PokÃ©mon ! Font</strong>: A dingbats font featuring PokÃ©mon characters, created by nicola.</li>



<li><strong>PokÃ©mon Pixels Font</strong>: Pixel art representations of PokÃ©mon characters by 24hourfonts.</li>



<li><strong>Daniâ€™s Pikachu Font &amp; Pika Pika Font</strong>: Inspired by Pikachu, these fonts are energetic and playful.</li>



<li><strong>Raimoen Font</strong>: An abstract artistic interpretation of the PokÃ©mon theme.</li>
</ul>



<p>Fonts emulating the Unown PokÃ©mon script:</p>



<ul class="wp-block-list">
<li><strong>Unown Font</strong>: Captures the enigmatic designs of the Unown PokÃ©mon.</li>



<li><strong>Anillo Font &amp; Annone Font</strong>: Artistic interpretations of the Unown language, blending mystery and creativity.</li>
</ul>



<p>Fonts inspired by specific games:</p>



<ul class="wp-block-list">
<li><strong>Alpha Sapphire Font</strong>: Embodies the elegance of the sapphire theme.</li>



<li><strong>Omega Ruby Font</strong>: Captures the fiery spirit of the ruby theme.</li>
</ul>



<p>The PokÃ©mon logo and its fonts have become significant in pop culture, reflecting the franchise&#8217;s commitment to its roots and the nostalgia it holds for fans. These PokÃ©mon-themed fonts offer a creative way to incorporate the PokÃ©mon universe into various projects, adding a touch of fun synonymous with the franchise.</p>



<p>Don&#8217;t forget to take a look at our other fonts, such as <a href="https://whatfontfinder.com/bluey-font/">Bluey</a>, <a href="https://whatfontfinder.com/spongebob-squarepants-font/">SpongeBob SquarePants</a>, <a href="https://whatfontfinder.com/powerpuff-girls-font/">Powerpuff Girls</a> and <a href="https://whatfontfinder.com/family-guy-font/">Family Guy</a>.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/pokemon-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>SpongeBob SquarePants Font</title>
		<link>https://whatfontfinder.com/spongebob-squarepants-font/</link>
					<comments>https://whatfontfinder.com/spongebob-squarepants-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 18 Feb 2024 14:08:56 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Animated Series]]></category>
		<category><![CDATA[Bikini Bottom]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Nickelodeon]]></category>
		<category><![CDATA[SpongeBob]]></category>
		<category><![CDATA[SpongeBob Fonts]]></category>
		<category><![CDATA[SpongeBob SquarePants]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3390</guid>

					<description><![CDATA[SpongeBob fonts are more than just typefaces; they're an invitation to play, create, and express your affection for the beloved series.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">SpongeBob SquarePants Font Generator</h2>



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

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

    // Updated fontData with freeDownload attribute
    const fontData = [

{ name: "Spongebob", file: "Spongebob.ttf", statement: "Replica", customText: "SpongeBob", freeDownload: true },
{ name: "Spongeboy-Regular", file: "SpongeboyRegular.otf", statement: "Replica", customText: "SpongeBob", freeDownload: true },
{ name: "Spongeboytt2-Regular", file: "Spongeboytt2Regular.ttf", statement: "Replica", customText: "SpongeBob", freeDownload: true },
{ name: "Lasvegas-Jackpot", file: "lasvegas-jackpot.ttf", statement: "Replica", customText: "SQUAREPANTS", freeDownload: true },
{ name: "BlobSpongeyLowercase", file: "BlobSpongeyLowercase.ttf", statement: "Similar", customText: "SpongeBob", freeDownload: true },
{ name: "Krabby-Patty", file: "Krabby-Patty.ttf", statement: "Similar", customText: "SpongeBob", freeDownload: true },
{ name: "Spongeboy-Me-Bob", file: "Spongeboy-Me-Bob.ttf", statement: "Similar", customText: "SpongeBob", freeDownload: true },
{ name: "HawaiianKids", file: "HawaiianKids.ttf", statement: "Similar", customText: "SpongeBob SquarePants", freeDownload: true },
{ name: "Some-Time-Later", file: "Some-Time-Later.otf", statement: "Similar", customText: "Some Time Later", freeDownload: true },

    ];

    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 = 'Fonts 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, freeDownload }, 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);
        }
        
        if (freeDownload) {
            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;
                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>SpongeBob SquarePants, the iconic animated series, has not only captured hearts with its quirky characters and underwater escapades but also with its distinctive and playful typography. Fans and creatives alike have taken inspiration from the show to craft various fonts that embody the spirit of Bikini Bottom. These fonts are not just a nod to the series but also a tool for adding a splash of fun to any project.</p>



<h2 class="wp-block-heading">SpongeBob Fonts: A Treasure Trove of Typography</h2>



<p><strong>Spongeboy Me Bob Font</strong><br>A meticulous recreation of the SpongeBob font from the old movie website, crafted by EyeOfTheLioness, this font includes additional punctuation and symbols for a comprehensive character set.</p>



<p><strong>FontGet&#8217;s SpongeBob Font</strong><br>Another fan-made gem, this font mirrors the &#8220;SpongeBob&#8221; part of the show&#8217;s logo, offering a slice of the SpongeBob charm for personal projects.</p>



<p><strong>SpongeBoy Regular Font</strong><br>This early fan favorite captures the chunky, rounded style of the show&#8217;s title cards, making it perfect for emulating the show&#8217;s logo and other text elements.</p>



<p><strong>Spongeboytt2 Font</strong><br>Smooth and consistent, this font is based on the original typeface from the pilot episode and early merchandise, featuring rounded edges for a clean look.</p>



<p><strong>Krabby Patty Font</strong><br>Inspired by the Krusty Krab restaurant, this bubbly font has thick strokes and circular shapes, reminiscent of the show&#8217;s food and branding.</p>



<p><strong>Blob Spongey Lowercase Font</strong><br>For a more distorted and irregular look, akin to a dehydrated SpongeBob, this font offers a lowercase version of the small caps SpongeBob font.</p>



<p><strong>Hawaiian Kids Font</strong><br>A fresh take on the title card lettering, this font brings a new interpretation to the show&#8217;s typographic style.</p>



<p><strong>Some Time Later Font</strong><br>Famous for its use in the show&#8217;s credits and time cards, this typeface is a direct nod to the SpongeBob SquarePants show.</p>



<p><strong>Las Vegas Jackpot Font</strong><br>The &#8220;SquarePants&#8221; part of the logo is set in this font, which is part of the Las Vegas Font Collection by House Industries, featuring a modified &#8216;Q&#8217; to fit the SpongeBob style.</p>



<p>If you&#8217;re looking to expand your font collection further, consider exploring other offerings such as <a href="https://whatfontfinder.com/lego-font/">Lego</a>, <a href="https://whatfontfinder.com/bluey-font/">Bluey</a>, <a href="https://whatfontfinder.com/space-jam-font/">Space Jam</a>, <a href="https://whatfontfinder.com/dr-seus-font/">Dr. Seus</a>, and <a href="https://whatfontfinder.com/powerpuff-girls-font/">Powerpuff Girls</a> fonts.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/spongebob-squarepants-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Jeopardy Font</title>
		<link>https://whatfontfinder.com/jeopardy-font/</link>
					<comments>https://whatfontfinder.com/jeopardy-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 28 Jan 2024 13:16:47 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[American Television]]></category>
		<category><![CDATA[Geography]]></category>
		<category><![CDATA[Gyparody Font]]></category>
		<category><![CDATA[History]]></category>
		<category><![CDATA[Jeopardy]]></category>
		<category><![CDATA[pop culture]]></category>
		<category><![CDATA[Quiz Show]]></category>
		<category><![CDATA[Ray Larabie]]></category>
		<category><![CDATA[Science]]></category>
		<category><![CDATA[Trivia]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3275</guid>

					<description><![CDATA[Jeopardy!" is a popular American television quiz show that has been on the air since 1964. cs. The show's logo uses a font very similar to Gyparody, designed by Ray Larabie.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Jeopardy Font Generator</h2>



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

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

    const fontData = [
        { name: "Gyparody-Heavy", file: "gyparody-heavy.ttf", statement: "Replica", customText: "Jeopardy" },
        { name: "Gyparody-Regular", file: "gyparody-regular.ttf", statement: "Replica", customText: "Jeopardy" },
        { name: "Dressed-Book", file: "Dressed-Book.ttf", statement: "Replica", customText: "Jeopardy" },

    ];

    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><br>Jeopardy! is an iconic American television quiz show that has been engaging audiences since 1964. Contestants are presented with answers and must respond with questions, testing their knowledge across a wide range of topics. The show&#8217;s logo uses a font very similar to <strong>Gyparody</strong>, designed by Ray Larabie, adding a distinctive typographical element to its brand identity.</p>



<p>You can also use <strong>Dressed Book font</strong> as alternative.</p>



<p>Explore our other tv shows fonts such as <a href="https://whatfontfinder.com/miami-vice-font/">Miami Vice</a>, <a href="https://whatfontfinder.com/the-office-font/">The Office</a>, <a href="https://whatfontfinder.com/the-owl-house-font/">The Owl House</a> and etc.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/jeopardy-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Outer Banks Font</title>
		<link>https://whatfontfinder.com/outer-banks-font/</link>
					<comments>https://whatfontfinder.com/outer-banks-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Wed, 17 Jan 2024 11:33:59 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[adventurous font]]></category>
		<category><![CDATA[controller expanded five]]></category>
		<category><![CDATA[font alternatives]]></category>
		<category><![CDATA[font websites]]></category>
		<category><![CDATA[Futuristic Font]]></category>
		<category><![CDATA[Geometric Font]]></category>
		<category><![CDATA[korataki regular]]></category>
		<category><![CDATA[lokko st extra bold]]></category>
		<category><![CDATA[netflix]]></category>
		<category><![CDATA[netflix series]]></category>
		<category><![CDATA[outer banks font]]></category>
		<category><![CDATA[similar fonts]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3194</guid>

					<description><![CDATA[The Outer Banks font is a unique and attractive typeface that reflects the theme and mood of the Netflix series. If you want to create a similar effect, you can try using Korataki Regular by Typodermic, or one of its similar fonts, such as Controller Expanded Five.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Outer Banks Font Generator</h2>



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

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

        const fontData = [

{ name: "Korataki", file: "Korataki.otf", statement: "Original", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/products/regular-korataki-229070" } },
{ name: "Controller", file: "Controller-Ext.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', 'OUTER BANKS');
            input.addEventListener('input', updateFontPreviews);
        } else if (idx === 1) {
            input.setAttribute('type', 'color');
            input.setAttribute('value', '#000');
            input.addEventListener('input', updateFontPreviews);
        } else {
            input.setAttribute('type', 'range');
            input.setAttribute('min', '10');
            input.setAttribute('max', '150');
            input.setAttribute('value', '45');
            input.addEventListener('input', updateFontPreviews);
        }
        inputRow.appendChild(label);
        inputRow.appendChild(input);
        controlsContainer.appendChild(inputRow);
    });
    previewContainer.appendChild(controlsContainer);

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

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

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

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

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



<p><a href="https://www.netflix.com/bd/title/80236318" data-type="link" data-id="https://www.netflix.com/bd/title/80236318" target="_blank" rel="noopener">Outer Banks</a> is a popular Netflix series that follows a group of teenagers on a treasure hunt. The show has a distinctive font that captures the adventurous and rebellious spirit of the characters. </p>



<p>The font is calledÂ <strong>Korataki Regular</strong>Â by Typodermic, and it is a futuristic and geometric typeface that features sharp angles and curves.</p>



<p>If you want a similar font then you can check out <strong>Controller Expanded Five</strong>Â font by Dharma Type.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/outer-banks-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>The Mandalorian Font</title>
		<link>https://whatfontfinder.com/the-mandalorian-font/</link>
					<comments>https://whatfontfinder.com/the-mandalorian-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 09 Jan 2024 14:19:48 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[Action]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Condensed]]></category>
		<category><![CDATA[custom font]]></category>
		<category><![CDATA[Display Typeface]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[Mandalore]]></category>
		<category><![CDATA[Mandalorian]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[Sci-fi]]></category>
		<category><![CDATA[Sci-Fi Font]]></category>
		<category><![CDATA[space]]></category>
		<category><![CDATA[Star Wars]]></category>
		<category><![CDATA[western]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3081</guid>

					<description><![CDATA[The Mandalorian font featured in the show's logo is a custom creation, officially known as the Mandalore Font, crafted by Iconian Fonts and available for free under donationware licensing. The TV series, set five years post-Return of the Jedi, follows the journey of Din Djarin, a Mandalorian bounty hunter, navigating a galaxy in turmoil. His mission: to deliver a mysterious Force-sensitive child to the Jedi. Developed by Jon Favreau, 'The Mandalorian' premiered on Disney+ on November 12, 2019, offering a captivating blend of space-western storytelling.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">The Mandalorian Font Generator</h2>



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

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

        const fontData = [
            { name: "mandalore-font", file: "mandalore.ttf", statement: "Similar" },
            { name: "mandalorehalf-font", file: "mandalorehalf.ttf", statement: "Similar" },
            { name: "mandalorelaser-font", file: "mandalorelaser.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', 'THE MANDALORIAN');
            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 Mandalorian font used in the logo is custom-made. But Iconian Fonts recreated it and named it the Mandalore Font. This font is licensed under donationware. You can download and use it for free.</p>



<p><a href="https://en.wikipedia.org/wiki/The_Mandalorian" target="_blank" rel="noopener">The Mandalorian</a> is a TV show that follows the adventures of a Mandalorian bounty hunter named Din Djarin, who is also known as the Mandalorian or Mando. The show is set five years after the events of Return of the Jedi, when the Galactic Empire has fallen and the New Republic is struggling to restore order. The Mandalorian takes on a mission to deliver a mysterious child, who is later revealed to be a force-sensitive being of the same species as Yoda, to a Jedi. It is an American space-western television series developed by Jon Favreau for Disney+ on November 12, 2019.</p>



<p>You can also check out other collections of TV Show fonts likeÂ <a href="https://whatfontfinder.com/gossip-girl-font/">Gossip Girl</a>, <a href="https://whatfontfinder.com/miami-vice-font/">Miami Vice</a>,Â <a href="https://whatfontfinder.com/blackish-font/">Blackish</a>,Â <a href="https://whatfontfinder.com/prehistoric-planet-font/">Prehistoric Planet</a>,Â <a href="https://whatfontfinder.com/yellowstone-font/">Yellowstone</a>,Â <a href="https://whatfontfinder.com/the-golden-girls-font/">Golden Girls</a>, andÂ <a href="https://whatfontfinder.com/the-office-font/">the office</a>Â font now!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/the-mandalorian-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Gossip Girl Font</title>
		<link>https://whatfontfinder.com/gossip-girl-font/</link>
					<comments>https://whatfontfinder.com/gossip-girl-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Thu, 21 Dec 2023 12:38:13 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Commercial font]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[Gossip Girl font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Neue Helvetica 33 Thin Extended]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Teen drama]]></category>
		<category><![CDATA[TV Series Font]]></category>
		<category><![CDATA[Upper East Side]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2936</guid>

					<description><![CDATA[Looking for the Gossip Girl font? The show probably employed the commercial Neue Helvetica 33 Thin Extended font with a customized 'P' for its logo. Created by Josh Schwartz and Stephanie Savage, Gossip Girl, based on Cecily von Ziegesar's book series, delves into the glamorous lives of wealthy New York City teenagers. The series, spanning six seasons from 2007 to 2012, is narrated by an anonymous blogger who exposes the characters' secrets and scandals.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Gossip Girl Font Generator</h2>



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

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

        const fontData = [
            { name: "Helvetica-LT-33-Thin-Extended-font", file: "Helvetica-LT-33-Thin-Extended.ttf ", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/products/pro-33-thin-extended-189171-neue-helvetica-369548" } }

        ];

    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', 'gossip girl');
            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>Are you looking for the Gossip Girl font? Then you&#8217;re in the right place! The Gossip Girl logo probably used the Neue Helvetica 33 Thin Extended font for its logo while customizing the P word. This is a commercial font, so you need to purchase it.</p>



<p><a href="https://en.wikipedia.org/wiki/Gossip_Girl" target="_blank" rel="noopener">Gossip Girl</a> is a TV show that follows the lives of a group of wealthy teenagers in New York City. Josh Schwartz and Stephanie Savage created the show, which is based on a Cecily von Ziegesar book series. Gossip Girl, an anonymous blogger who narrates the program, spills the beans on the characters&#8217; secrets and scandals. The show ran for six seasons, from 2007 to 2012.</p>



<p>You can also check out other collections of TV Show fonts likeÂ <a href="https://whatfontfinder.com/miami-vice-font/">Miami Vice</a>, <a href="https://whatfontfinder.com/blackish-font/">Blackish</a>,Â <a href="https://whatfontfinder.com/prehistoric-planet-font/">Prehistoric Planet</a>,Â <a href="https://whatfontfinder.com/yellowstone-font/">Yellowstone</a>,Â <a href="https://whatfontfinder.com/the-golden-girls-font/">Golden Girls</a>, andÂ <a href="https://whatfontfinder.com/the-office-font/">the office</a>Â font now!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/gossip-girl-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Miami Vice Font</title>
		<link>https://whatfontfinder.com/miami-vice-font/</link>
					<comments>https://whatfontfinder.com/miami-vice-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 18 Dec 2023 12:16:56 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[1980s]]></category>
		<category><![CDATA[80s font]]></category>
		<category><![CDATA[Art Deco]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Broadway]]></category>
		<category><![CDATA[Crime drama]]></category>
		<category><![CDATA[Dimensional Font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Intriguing Edge]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Miami Vice Font]]></category>
		<category><![CDATA[Neon]]></category>
		<category><![CDATA[retro]]></category>
		<category><![CDATA[Retro Font]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[Theatrical]]></category>
		<category><![CDATA[tv show]]></category>
		<category><![CDATA[Vintage Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2831</guid>

					<description><![CDATA[
The iconic Miami Vice font, possibly Broadway D, originates from the '80s TV show's logo. Airing from 1984 to 1989, Miami Vice follows undercover cops Crockett and Tubbs in stylish Miami crime-fighting. The font, part of the Broadway Font family by Morris Fuller Benton, exudes retro charm inspired by Broadway neon signs and Art Deco aesthetics.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Miami Vice Font Generator</h2>



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

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

        const fontData = [
            { name: "BroadwayD-font", file: "BroadwayD.ttf", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/broadway-font-urw?" } },
            { name: "kalamaya-Regular-font", file: "kalamaya-Regular.ttf", statement: "Exact" }
        ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'MIAMI VICE');
            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>Miami Vice font comes from the logo used on the Miami Vice TV show. <a href="https://www.imdb.com/title/tt0086759/" target="_blank" rel="noopener">Miami Vice </a>is a TV show that aired on NBC from 1984 to 1989. The show was created by Anthony Yerkovich and produced by Michael Mann. It follows the adventures of two undercover cops, Sonny Crockett and Rico Tubbs, who fight crime in Miami, Florida. The show is known for its use of 1980s pop and rock music and stylish visuals.</p>



<p>The font used on the logo of the hit TV show is probably Broadway D. It is part of the&nbsp;Broadway Font family and was designed by Morris Fuller Benton in 1927. Broadway neon signs and the Art Deco style have influenced its retro and theatrical appearance.</p>



<p>The font used in the collaboration between the Miami Vice and Miami Heat jerseys is probably Kalamaya Font. You can download it for free.</p>



<p>You can also check out other collections of TV Show fonts likeÂ <a href="https://whatfontfinder.com/blackish-font/">Blackish</a>, <a href="https://whatfontfinder.com/prehistoric-planet-font/">Prehistoric Planet</a>,Â <a href="https://whatfontfinder.com/yellowstone-font/">Yellowstone</a>,Â <a href="https://whatfontfinder.com/the-golden-girls-font/">Golden Girls</a>, andÂ <a href="https://whatfontfinder.com/the-office-font/">the office</a>Â font now!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/miami-vice-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Blackish Font</title>
		<link>https://whatfontfinder.com/blackish-font/</link>
					<comments>https://whatfontfinder.com/blackish-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 17 Dec 2023 10:10:55 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Blackish Font]]></category>
		<category><![CDATA[Blackish logo]]></category>
		<category><![CDATA[Blackish series]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[NihStudio]]></category>
		<category><![CDATA[NihStudio font]]></category>
		<category><![CDATA[serif]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[tv show font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2773</guid>

					<description><![CDATA[The logo of "Blackish," an Emmy and Golden Globe-winning American comedy series, employs two versions of the Century Schoolbook font. The word "black" uses the standard form, while "ish" is in italics. This font is not free; a license is required for its use. The show, created by Kenya Barris and debuting in 2014 on ABC, humorously explores the dynamics of a Black family in a white neighborhood, focusing on racial, cultural, and social themes.


]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Blackish Font Generator</h2>



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

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

        const fontData = [
            { name: "CENSCBK-font", file: "CENSCBK.TTF", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/monotype-century-schoolbook-font-monotype-imaging" } },
            { name: "SCHLBKI-font", file: "SCHLBKI.TTF", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/monotype-century-schoolbook-font-monotype-imaging" } }
        ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'blackish');
            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>Blackish font used on the logo is made of two fonts. The &#8220;black&#8221; part in the logo used Century Schoolbook font, while the &#8220;ish&#8221; part used the italic version of Century Schoolbook. It isn&#8217;t a free font. So, you must purchase a license if you want to use it.</p>



<p><a href="https://en.wikipedia.org/wiki/Black-ish" target="_blank" rel="noopener">Blackish </a>is an American comedy series created by Kenya Barris that premiered on ABC in 2014. It follows the life of a Black family in a predominantly white neighborhood who try to balance their successful careers, their four kids, and their cultural identity. The show has been praised for its humor and exploration of race, culture, and social issues. It has won an Emmy and Golden Globe as a success.</p>



<p>You can also check out other collections of TV Show fonts like <a href="https://whatfontfinder.com/prehistoric-planet-font/">Prehistoric Planet</a>, <a href="https://whatfontfinder.com/yellowstone-font/">Yellowstone</a>, <a href="https://whatfontfinder.com/the-golden-girls-font/">Golden Girls</a>, and <a href="https://whatfontfinder.com/the-office-font/">the office</a> font now!</p>



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