<?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>graphic design &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/graphic-design/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>Sat, 24 Feb 2024 12:19:08 +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>graphic design &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>La La Land Font</title>
		<link>https://whatfontfinder.com/la-la-land-font/</link>
					<comments>https://whatfontfinder.com/la-la-land-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 28 Jan 2024 12:46:39 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[20th Century Designm]]></category>
		<category><![CDATA[Art Deco Font]]></category>
		<category><![CDATA[Film Typography]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Japanese Artistry]]></category>
		<category><![CDATA[La La Land]]></category>
		<category><![CDATA[Movie Fonts]]></category>
		<category><![CDATA[Ryoichi Tsunekawa]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Yasashii Bold]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3269</guid>

					<description><![CDATA[The font used in the movie "La La Land" is called Yasashii Bold. This art deco font was designed by Ryoichi Tsunekawa.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">La La Land Font Generator</h2>



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

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

    const fontData = [
        { name: "Yasashii-Bold", file: "Yasashii-Bold.ttf", statement: "Replica", customText: "La La Land", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/equipextended-font-hoftype?" } },
        { name: "Upper-East-Side", file: "UpperEastSide.ttf", statement: "Replica", customText: "LA LA LAND" },

    ];

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

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

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

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

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

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

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

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

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

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

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

        previewContainer.appendChild(fontContainer);
    });

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

    updateFontPreviews();

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



<p>The <strong>La La Land font</strong>, Yasashii Bold, is an art deco design by Ryoichi Tsunekawa. Drawing inspiration from Japanese cosmetic packaging and posters of the late 1800s and early 1900s, this font was used to create the title for the award-winning movie &#8220;La La Land&#8221;. Yasashii Bold is a commercial font but you can use <strong>Upper-EastSide Regular font</strong> as free alternative.</p>



<p>&#8220;La La Land&#8221; is a 2016 American musical romance film written and directed by Damien Chazelle. The film stars Ryan Gosling and Emma Stone as a jazz pianist and an aspiring actress, respectively, who meet and fall in love in Los Angeles.</p>



<p>The film, won six Academy Awards and has left a lasting impression not only through its story and performances but also through its distinctive typography.</p>



<p>Check out our other movie fonts like <a href="https://whatfontfinder.com/mulan-font/">Mulan</a>, <a href="https://whatfontfinder.com/tangled-font/">Tangled</a>, <a href="https://whatfontfinder.com/frozen-font/">Frozen</a>, <a href="https://whatfontfinder.com/barbie-movie-font/">Barbie Movie</a> font and etc.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/la-la-land-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Chrome Hearts Font</title>
		<link>https://whatfontfinder.com/chrome-hearts-font/</link>
					<comments>https://whatfontfinder.com/chrome-hearts-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 14 Jan 2024 07:16:01 +0000</pubDate>
				<category><![CDATA[Fashion]]></category>
		<category><![CDATA[Apparel design]]></category>
		<category><![CDATA[Biker]]></category>
		<category><![CDATA[Brand]]></category>
		<category><![CDATA[Branding materials]]></category>
		<category><![CDATA[Chrome Hearts font]]></category>
		<category><![CDATA[Cloister Black font]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[gothic]]></category>
		<category><![CDATA[Gothic motifs]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Leather goods]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[luxury]]></category>
		<category><![CDATA[Luxury Brand]]></category>
		<category><![CDATA[Marketing materials]]></category>
		<category><![CDATA[Punk]]></category>
		<category><![CDATA[Silver jewelry]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3122</guid>

					<description><![CDATA[The Chrome Hearts logo features the distinctive Cloister Black font, a textura style developed by Joseph Phinney and Morris Fuller Benton in homage to William Caslon's 1700s blackletter fonts. Renowned for its fusion of punk rock and biker culture, Chrome Hearts, established in 1988, creates luxury items like leather jackets and jewellery using premium materials such as sterling silver and exotic skins. The brand's iconic cross with a heart-shaped void defines its logo, while collaborations with notable figures like Drake and Kanye West highlight Chrome Hearts' influential presence in the fashion world.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Chrome Hearts Font Generator</h2>



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

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

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

    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', 'CHROME HEARTS');
            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 Chrome Hearts font used on the logo of the Chrome Hearts band is actually Cloister Black font. Cloister Black, also known as Old English Text, is a textura font created by Joseph Phinney and Morris Fuller Benton, based on William Caslon&#8217;s own blackletter fonts from the 1700s. You can download the font for free from our website now.</p>



<p><a href="https://en.wikipedia.org/wiki/Chrome_Hearts" target="_blank" rel="noopener">Chrome Hearts</a> is a luxury brand that was founded in 1988 by Richard Stark, John Bowman, and Leonard Kamhout. The brand is known for its products that combine punk rock and biker culture, such as leather jackets, jewellery, eyewear, and clothing. The brand uses high-quality materials, such as sterling silver, exotic skins, and precious stones, to create its products. The brand also has a distinctive logo, which consists of a cross with a heart-shaped hole in the center. Chrome Hearts has collaborated with various celebrities and artists, such as Drake, Kanye West, Virgil Abloh, and Matty Boy.</p>



<p>You can also check out similar fashion fonts likeÂ <a href="https://whatfontfinder.com/rolex-font/">Rolex</a>, <a href="https://whatfontfinder.com/dior-font/">Dior</a>,Â <a href="https://whatfontfinder.com/zara-font/">Zara</a>,Â <a href="https://whatfontfinder.com/chanel-font/">Chanel</a>,Â <a href="https://whatfontfinder.com/bratz-font/">Bratz</a>, andÂ <a href="https://whatfontfinder.com/thrasher-font/">Thrasher</a>Â fonts now.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/chrome-hearts-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>One Piece Font</title>
		<link>https://whatfontfinder.com/one-piece-font/</link>
					<comments>https://whatfontfinder.com/one-piece-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 24 Dec 2023 13:32:49 +0000</pubDate>
				<category><![CDATA[Anime]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[anime]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[japanese]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Luffy]]></category>
		<category><![CDATA[manga]]></category>
		<category><![CDATA[One Piece]]></category>
		<category><![CDATA[one piece font]]></category>
		<category><![CDATA[Pirate]]></category>
		<category><![CDATA[Straw Hat]]></category>
		<category><![CDATA[Typography]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2971</guid>

					<description><![CDATA[
One Piece, created by Eiichiro Oda, boasts a distinctive logo transformed into a unique font by Phantom King Graphics. Featuring both uppercase and lowercase letters, numbers, and symbols, it captures the essence of the series. Sayyeda Font by FG Studios is also a noteworthy choice. The manga and anime follow Monkey D. Luffy's quest for the fabled treasure, One Piece, as he leads the eclectic Straw Hat Pirates through a world filled with adversaries and mysteries.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">One Piece Font Generator</h2>



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

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

        const fontData = [
            { name: "one-piece-font-font", file: "one-piece-font.ttf", statement: "Replica" },
            { name: "Sayyeda-font", file: "Sayyeda.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', 'one piece');
            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>One Pieceâ€™s logo is an original design, but it has been recreated as a One Piece font by Phantom King Graphics. The font has both uppercase and lowercase letters, as well as numbers and various symbols. Sayyeda Font by FG Studios is another good option.</p>



<p>Eiichiro Oda is the author of the Japanese manga and anime series &#8220;<a href="https://en.wikipedia.org/wiki/One_Piece" target="_blank" rel="noopener">One Piece</a>.&#8221; It follows the adventures of Monkey D. Luffy, a young pirate who dreams of finding the legendary treasure called One Piece and becoming the King of the Pirates. Along his journey, he forms a crew of diverse and loyal friends, known as the Straw Hat Pirates, and faces various enemies and challenges in the vast and mysterious world of One Piece.</p>



<p>If you like this font and looking for more anime fonts then check outÂ <a href="https://whatfontfinder.com/haikyu-font/">Haikyu</a>, <a href="https://whatfontfinder.com/naruto-font/">Naruto</a>,Â <a href="https://whatfontfinder.com/attack-on-titan-font/">Attack on Titan</a>,Â <a href="https://whatfontfinder.com/bleach-font/">Bleach</a>, andÂ <a href="https://whatfontfinder.com/jujutsu-kaisen-font/">Jujutsu Kaisen</a>Â fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/one-piece-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Adult Swim Font</title>
		<link>https://whatfontfinder.com/adult-swim-font/</link>
					<comments>https://whatfontfinder.com/adult-swim-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 18 Dec 2023 14:55:05 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Adult Swim]]></category>
		<category><![CDATA[American cable network font]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Cartoon Network font]]></category>
		<category><![CDATA[comedy]]></category>
		<category><![CDATA[Condensed]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Grotesque font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Helvetica Neue Condensed Bold]]></category>
		<category><![CDATA[Late-night programming font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[network]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[Sans serif font]]></category>
		<category><![CDATA[versatile]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2841</guid>

					<description><![CDATA[The Adult Swim logo features the Neue Helvetica Bold Condensed font, part of the Helvetica Neue family designed by Max Miedinger and Edouard Hoffmann in 1957. Linotype owns its rights, and it's a purchase-required font. Milford Condensed Bold font is a free alternative. Adult Swim, originating as a late-night program block, has evolved into a network renowned for mature cartoons like "Rick and Morty" and "Aqua Teen Hunger Force."]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Adult Swim Font Generator</h2>



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

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

        const fontData = [
            { name: "HelveticaNeue-BoldCond-font", file: "HelveticaNeue-BoldCond.ttf", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/neue-helvetica-font-linotype" } },
            { name: "MILFCD-B-font", file: "MILFCD-B.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', 'adult swim');
            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>Adult Swim font in the Adult Swim logo is made using Neue Helvetica Bold Condensed font. Neue Helvetica Bold Condensed is part of the Helvetica Neue font family. Max Miedinger and Edouard Hoffmann designed and published this font in 1957. Later, Linotype acquired the rights to it. You need to buy the font before using it.</p>



<p>You can also use the Milford Condensed Bold font as a free alternative.</p>



<p><a href="https://en.wikipedia.org/wiki/Adult_Swim" target="_blank" rel="noopener">Adult Swim</a> is a late-night programming block that has evolved into a network known for its unique and mature cartoon content. Some of the most famous shows on Adult Swim include &#8220;Rick and Morty,&#8221; &#8220;Aqua Teen Hunger Force,&#8221; &#8220;The Venture Bros.,&#8221; and &#8220;Robot Chicken.&#8221;</p>



<p>You can also check out our other cartoon fonts likeÂ <a href="https://whatfontfinder.com/cocomelon-font/">Cocomelon</a>, <a href="https://whatfontfinder.com/family-guy-font/">Family Guy</a>,Â <a href="https://whatfontfinder.com/winnie-the-pooh-font/">Winnie The Pooh</a>,Â <a href="https://whatfontfinder.com/adventure-time-font/">Adventure Time</a>, andÂ <a href="https://whatfontfinder.com/looney-tunes-font/">Looney Tunes</a>Â fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/adult-swim-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
