<?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>modern &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/modern/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>Mon, 18 Dec 2023 14:55:06 +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>modern &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>Zara Font</title>
		<link>https://whatfontfinder.com/zara-font/</link>
					<comments>https://whatfontfinder.com/zara-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 09 Dec 2023 12:38:37 +0000</pubDate>
				<category><![CDATA[Fashion]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Classic Font]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[elegant]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[luxury]]></category>
		<category><![CDATA[magazine]]></category>
		<category><![CDATA[minimal]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[Modern Font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[Serif Font]]></category>
		<category><![CDATA[sleek]]></category>
		<category><![CDATA[stylish]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Zara font]]></category>
		<category><![CDATA[Zara logo]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2627</guid>

					<description><![CDATA[Discover the elegant Didot font, the typographic choice behind the Zara brand logo, designed by Adrian Frutiger and available through Linotype. For a free alternative, consider the Bavex font, ready for commercial and personal use. Zara, a trendsetting global fashion brand, is a part of the Inditex Group and operates over 7,000 stores worldwide. Renowned for its rapid, responsive production system, Zara frequently updates its collections, drawing inspiration from runways, celebrities, and street styles.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Zara Font Generator</h2>



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

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

        const fontData = [
            { name: "Didot-Title-font", file: "Didot-Title.otf ", statement: "Exact" },
            { name: "Bavex-font", file: "Bavex.ttf ", statement: "Alternative" }
        ];

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

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

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

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

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

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

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

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



<p><span style="color: initial;">Zara font used in the Zara brand logo is actually the Didot font. Didot was designed by Adrian Frutiger and published by Linotype. You can also </span><wt-ignore uuid="a13bcb05-cc80-4cdd-ae67-b2d5dc92cefe" source="wt-feature-result" style="color: initial;">use the Bavex</wt-ignore><span style="color: initial;"> font as a free alternative. You can download it now for commercial and personal use.</span></p>



<p><a href="https://en.wikipedia.org/wiki/Zara_(retailer)" target="_blank" rel="noopener">Zara </a>is a global fashion brand that offers the latest trends in clothing, accessories, and footwear for women, men, and kids. Zara is part of the Inditex Group, one of the worldâ€™s largest fashion retailers, with more than 7,000 stores in 96 countries. Zara is known for its fast and flexible production system, which allows it to adapt quickly to <span class="issue-underline underline decoration-2 underline-offset-4 transition decoration-border-brand-default [.long-form-editing-active_&amp;]:decoration-border-brand-default/50 hover:bg-bg-brand-light-default" data-issueid="1ea1b5da-aa4b-4aa2-aa01-81ddb56762ae" aria-label="open issue for the following text the changing demands of customers and the market." data-testid="issue-underline:undefined">the changing demands of customers and the market.</span> Zara launches <span class="issue-underline underline decoration-2 underline-offset-4 transition decoration-border-brand-default [.long-form-editing-active_&amp;]:decoration-border-brand-default/50 hover:bg-bg-brand-light-default" data-issueid="a8414336-7e57-4ac3-b835-77804ff9b5bb" aria-label="open issue for the following text new" data-testid="issue-underline:undefined">new</span> collections every week, inspired by the runway, celebrities, and street style.</p>



<p>You can also check out similar fashion fonts like <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>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/zara-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Klaus Font</title>
		<link>https://whatfontfinder.com/klaus-font/</link>
					<comments>https://whatfontfinder.com/klaus-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 05 Dec 2023 11:17:49 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Font family]]></category>
		<category><![CDATA[Friendship]]></category>
		<category><![CDATA[Humanistic]]></category>
		<category><![CDATA[joy]]></category>
		<category><![CDATA[Klaus]]></category>
		<category><![CDATA[Logo design]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[Movie titles]]></category>
		<category><![CDATA[Multilingual]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[postman]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[Social media]]></category>
		<category><![CDATA[Sweety Klaus]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[toymaker]]></category>
		<category><![CDATA[Typeface]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2580</guid>

					<description><![CDATA[The "Klaus" movie logo resembles the Kartex font, an FG Studios creation comprising three fonts for personal use only. "Klaus," a 2019 animated film directed by Sergio Pablos of "Despicable Me" fame, blends comedy and adventure with emotional depth. It features voices like Jason Schwartzman and J.K. Simmons, depicting the uplifting journey of a postman and toymaker in a joyless town.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Klaus Font Generator</h2>



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

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

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

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'Klaus');
            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', '80');
            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 Klaus font on the movie logo looks similar to the Kartex font. It was designed and published by FG Studios. This family has three fonts and is available for personal use only.</p>



<p><a href="https://www.imdb.com/title/tt4729430/" target="_blank" rel="noopener">Klaus</a> is a 2019 animated film about how a postman and a toymaker become friends and bring joy to a town that has lost its spirit. The film is directed by Sergio Pablos, who also co-created Despicable Me, and features the voices of Jason Schwartzman, J.K. Simmons, Rashida Jones, and others. The film is a comedy and an adventure but has emotional depth and a message about kindness and generosity.</p>



<p>You can check out our other movie fonts like <a href="https://whatfontfinder.com/encanto-font/">Encanto</a>, <a href="https://whatfontfinder.com/moana-font/">Moana</a>, and <a href="https://whatfontfinder.com/ratatouille-font/">Ratatouille </a>fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/klaus-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Mamma Mia Font</title>
		<link>https://whatfontfinder.com/mamma-mia-font/</link>
					<comments>https://whatfontfinder.com/mamma-mia-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 17 Oct 2023 13:33:44 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[ABBA]]></category>
		<category><![CDATA[Bodoni]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[comedy]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[lettering]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Mamma Mia]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[musical]]></category>
		<category><![CDATA[musican font]]></category>
		<category><![CDATA[serif]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=1742</guid>

					<description><![CDATA[The 'Mamma Mia' logo uses the Bodoni Poster Compressed font, and 'Nirvana' and 'Rojal' offer free alternatives with stylistic similarities. For Mamma Mia-inspired designs, the Mamma Mia! font is an excellent choice. Mamma Mia! is a jukebox musical comedy film filled with ABBA songs, telling a heartwarming story of love and self-discovery as a young bride-to-be invites potential fathers to her Greek wedding.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Mamma Mia Font Generator</h2>



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

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

        const fontData = [
                        { name: "Bodoni-Poster-Compressed-Font", file: "Bodoni-Poster-Compressed.otf", statement: "Similar" },
            { name: "Nirvana-Font", file: "Nirvana.ttf", statement: "Similar"},
{ name: "Rojal-Font", file: "Rojal.ttf", statement: "Free Alternative" }
        ];

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'MAMMA MIA!');
            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>Before we talk about Mamma Mia font let&#8217;s find out where the font came from.</p>



<h2 class="wp-block-heading">What is Mamma Mia?</h2>



<p><strong><a href="https://en.wikipedia.org/wiki/Mamma_Mia!_(film)" target="_blank" rel="noopener">Mamma Mia!</a></strong> is a jukebox musical comedy film that tells the story of Sophie. She is a young woman and a soon-to-be bride who invites three men she thinks could be her father to her wedding in Greece. The show is full of ABBA songs and hilarious moments, and it&#8217;s a fun and heartwarming story about love, family, and self-discovery.</p>



<h2 class="wp-block-heading">About The Mamma Mia! Fonts</h2>



<p>Mamma Mia by ABBA heavily uses the&nbsp;<strong>Bodoni Poster Compressed font</strong>&nbsp;for its logo. It is a serif typeface created by Chauncey H. Griffith in 1929. It is based on the famous Bodoni font.</p>



<p>Nirvana is another sans-serif font with stylistic similarities to the Bodoni Poster Compressed font. It has a uniform thickness, and the mechanical design works well for logos and headlines.</p>



<p>Rojal font is another free alternative. It is similar to the Bodoni Poster Compressed font.</p>



<p>Whether creating a Mamma Mia-inspired font design or paying tribute to the classic, Mamma Mia! font is a better choice!</p>



<p>You can also check out <a href="https://whatfontfinder.com/the-eras-tour-font/">The Eras Tour</a>, <a href="https://whatfontfinder.com/thug-life-font/">Thug Life</a>, and <a href="https://whatfontfinder.com/barbie-movie-font/">Barbie </a>fonts now!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/mamma-mia-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>
