<?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>sans serif &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/sans-serif-2/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, 13 Jan 2024 14:40:07 +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>sans serif &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Steven Universe Font</title>
		<link>https://whatfontfinder.com/steven-universe-font/</link>
					<comments>https://whatfontfinder.com/steven-universe-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 13 Jan 2024 14:39:56 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Cartoon font]]></category>
		<category><![CDATA[Cartoon Network]]></category>
		<category><![CDATA[Children font]]></category>
		<category><![CDATA[crewniverse]]></category>
		<category><![CDATA[crystal gems]]></category>
		<category><![CDATA[crystal universe]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[maxigamer]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[puffy]]></category>
		<category><![CDATA[rebecca sugar]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[steven universe]]></category>
		<category><![CDATA[title card]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3094</guid>

					<description><![CDATA[The Steven Universe logo features a custom-made font, and a designer named MaxiGamer later recreated it as the Crewniverse font. Additionally, there's a Crown Universe font available for free download through our link. Steven Universe is an animated series with five seasons, a movie, and an epilogue series created by Rebecca Sugar for Cartoon Network. The show delves into themes of love, family, identity, and diversity through the adventures of Steven, a half-human, half-alien boy, and his magical friends, the Crystal Gems, who protect the Earth from evil.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Steven Universe Font Generator</h2>



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

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

        const fontData = [
            { name: "crewniverse-font", file: "crewniverse-font.otf", statement: "Replica" },
            { name: "CrystalUniverse-Regular-font", file: "CrystalUniverse-Regular.otf", 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', 'STEVEN UNIVERSE');
            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', '30');
            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 Steven Universe font used on the logo is actually custom made. But a designer named MaxiGamer replicated the font as Crewniverse font. There&#8217;s also a&nbsp;Crown Universe font. You can download them both for free from our link.</p>



<p><a href="https://en.wikipedia.org/wiki/Steven_Universe" target="_blank" rel="noopener">Steven Universe</a> is an original animated series created by Rebecca Sugar for Cartoon Network. It follows the adventures of a young boy named Steven, who is half-human and half-alien, and his friends, the Crystal Gems, who are magical beings that protect the Earth from evil. The show has five seasons, a movie, and an epilogue series, and it explores themes such as love, family, identity, and diversity.</p>



<p>If you like this cartoon font and looking for more then we suggest <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/steven-universe-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>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>
		<item>
		<title>Prehistoric Planet Font</title>
		<link>https://whatfontfinder.com/prehistoric-planet-font/</link>
					<comments>https://whatfontfinder.com/prehistoric-planet-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 12 Dec 2023 13:00:33 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Dinosaur]]></category>
		<category><![CDATA[futuristic]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[Headings]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Logo design]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[narrow]]></category>
		<category><![CDATA[Nature documentary]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Prehistoric Planet font Square sans-serif Bold and condensed Geometric sans-serif David Berlow Font Bureau Agency Bold Condensed]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[Sci-fi]]></category>
		<category><![CDATA[square]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Title Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2675</guid>

					<description><![CDATA[Explore the Apple TV series "Prehistoric Planet" with the Agency FB Bold Condensed font. This sleek, narrow, sans-serif typeface, a variation from the Agency FB font family, is designed by David Berlow and rooted in Morris Fuller Benton's original Agency font. Narrated by David Attenborough and spanning ten episodes, "Prehistoric Planet" is a visual feast that BBC Studios and Apple TV+ brought to life.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Prehistoric Planet Font Generator</h2>



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

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

        const fontData = [
            { name: "AgencyFB-BoldCondensed-font", file: "AgencyFB-BoldCondensed.otf", statement: "Replica", extraButton: { text: "Buy Now", link: "https://store.typenetwork.com/foundry/fontbureau/fonts/agency-fb" } }        ];

    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', 'PREHISTORIC PLANET');
            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>Prehistoric Planet Font used on Apple TV series logo is Agency FB Bold Condensed font. Agency FB Bold Condensed belongs to the Agency FB font family. It is a geometric, narrow, sans-serif typeface designed by David Berlow based on Morris Fuller Benton&#8217;s Agency font.</p>



<p><a href="https://en.wikipedia.org/wiki/Prehistoric_Planet" target="_blank" rel="noopener">Prehistoric Planet</a> is a TV series that uses computer-generated imagery to show how dinosaurs and other prehistoric animals lived 66 million years ago. It is narrated by David Attenborough and produced by BBC Studios and Apple TV+. It features ten episodes that explore different habitats and creatures of the Late Cretaceous period.</p>



<p>You can also check out our other TV show fonts like <a href="https://whatfontfinder.com/the-office-font/">The Office</a>, <a href="https://whatfontfinder.com/yellowstone-font/">Yellowstone</a>, and <a href="https://whatfontfinder.com/loki-font/">Loki </a>fonts.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/prehistoric-planet-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Boss Baby Font</title>
		<link>https://whatfontfinder.com/boss-baby-font/</link>
					<comments>https://whatfontfinder.com/boss-baby-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 09 Dec 2023 12:38:01 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[animated]]></category>
		<category><![CDATA[Baby Boss font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Boss Baby font]]></category>
		<category><![CDATA[Charming font]]></category>
		<category><![CDATA[Children font]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[cute]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[display font]]></category>
		<category><![CDATA[fun]]></category>
		<category><![CDATA[Handwritten]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Kids font]]></category>
		<category><![CDATA[Lighthearted]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Playful]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[Small caps]]></category>
		<category><![CDATA[Thin Font]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2634</guid>

					<description><![CDATA[Immerse yourself in the world of 'Boss Baby' with the fan-replicated Boss Baby font, inspired by the custom-made font from the movie's logo. This downloadable font, available for free use, captures the essence of the 2017 DreamWorks Animation hit. 'Boss Baby' blends comedy and adventure, depicting a unique story of a boy and his secret agent baby brother thwarting a corporate plot. Despite mixed reviews, the film, based on Marla Frazee's book, was a box-office sensation.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Boss Baby Font Generator</h2>



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

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

        const fontData = [
            { name: "Boss-Baby-font", file: "Boss-Baby.otf", 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', 'BOSS BABY');
            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>Boss Baby font used on the Boss Baby movie logo is custom-made. But a fan has replicated the font and named it Boss Baby font. You can download and use this font for free.<br><a href="https://www.imdb.com/title/tt3874544/" target="_blank" rel="noopener">Boss Baby</a> is a 2017 animated comedy film that tells the story of a boy who teams up with his baby brother, who is actually a secret agent, to stop a plot by the CEO of Puppy Co. The film is based on a book by Marla Frazee. The film was produced by DreamWorks Animation and distributed by 20th Century Fox. It received mixed reviews from critics but was a box-office success.</p>



<p>Check out our other movies font like <a href="https://whatfontfinder.com/iron-man-font/">Iron Man</a>, <a href="https://whatfontfinder.com/klaus-font/">Klaus</a>, and <a href="https://whatfontfinder.com/minions-font/">Minion</a> fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/boss-baby-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Chanel Font</title>
		<link>https://whatfontfinder.com/chanel-font/</link>
					<comments>https://whatfontfinder.com/chanel-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:43 +0000</pubDate>
				<category><![CDATA[Fashion]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Chanel Font]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[couture]]></category>
		<category><![CDATA[Couture Bold]]></category>
		<category><![CDATA[elegant]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[High-end Fashion]]></category>
		<category><![CDATA[italic]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[luxury]]></category>
		<category><![CDATA[Luxury Brand]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[Sans-serif Font]]></category>
		<category><![CDATA[sleek]]></category>
		<guid isPermaLink="false">http://tdi_109_6b7</guid>

					<description><![CDATA[The Chanel font used in the logo resembles the Couture font, known for its sleek and modern sans-serif style, mirroring Chanel's reputation for elegance and quality in the fashion and luxury industry.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Chanel Font Generator</h2>



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

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

        const fontData = [
            { name: "couture-bld-font", file: "couture-bld.otf ", statement: "Exact", statement: "Exact" }
        ];

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

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

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

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

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

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

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

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



<p><a target="_blank" href="https://en.wikipedia.org/wiki/Chanel" rel="noreferrer noopener">Chanel&nbsp;</a>is a famous brand of luxury products and services founded by a French woman named Coco Chanel. She created iconic products such as the Chanel suit, the little black dress, Chanel No. 5 perfumes, and the interlocking CC logo. Chanel offers various products and services, such as clothing, accessories, eyewear, fragrance, beauty, jewelry, and watches. It is still an essential brand in fashion and luxury, with a reputation for elegance and quality.</p>



<p>The Chanel font on the logo looks very similar to the Couture font. Couture was created by Chase Babb, a graphic designer and typographer. It is a basic sans-serif font with a sleek and modern look.</p>



<p>Check out our <a href="https://whatfontfinder.com/bratz-font/">Bratz</a>, <a href="https://whatfontfinder.com/thug-life-font/">Thug Life</a>, and <a href="https://whatfontfinder.com/lupin-font/">Lupin </a>fonts.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/chanel-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
