<?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>comic &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/comic/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, 20 Jan 2024 08:42:37 +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>comic &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Dr. Seus Font</title>
		<link>https://whatfontfinder.com/dr-seus-font/</link>
					<comments>https://whatfontfinder.com/dr-seus-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 20 Jan 2024 08:42:35 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[book font]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[children]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[cute]]></category>
		<category><![CDATA[Dr. Seuss Font]]></category>
		<category><![CDATA[fun]]></category>
		<category><![CDATA[hand-drawn]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Playful]]></category>
		<category><![CDATA[quirky]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3209</guid>

					<description><![CDATA[Explore the whimsical world of Dr. Seuss with the Doctor Soos font by Sean Trowbridge, a playful homage to the iconic lettering on Dr. Seuss book covers. Ideal for personal projects, this font is available for free. For alternative options, consider Grinched 2.0, Grinched 3, and Grinched Plus, all capturing the essence of Seussian charm. Theodor Seuss Geisel, under the pen name Dr. Seuss, enchanted readers with his imaginative tales and moral lessons.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Dr. Seus Font Generator</h2>



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

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

        const fontData = [
            { name: "Doctor-Soos-Bold-font", file: "Doctor-Soos-Bold.ttf", statement: "Similar" },
            { name: "Grinched2-font", file: "Grinched2.ttf", statement: "Similar" },
            { name: "Grinch-3-font", file: "Grinch-3.otf", statement: "Similar", extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/grinch-3-0/" } },
            { name: "Grinch-Plus-font", file: "Grinch-Plus.otf", statement: "Similar", extraButton: { text: "Buy Now", link: "https://www.creativefabrica.com/product/grinch-plus/" } },
            { name: "HowToDoSomething-font", file: "HowToDoSomething.ttf.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', 'Dr. Seuss');
            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>Looking for Dr. Seus Font? The Doctor Soos font by Sean Trowbridge resembles the font used on the covers of Dr. Seuss. You can use this font for personal projects for free. For similar options, you can also try Grinched 2.0, Grinched 3, and Grinched Plus.</p>



<p><a href="https://en.wikipedia.org/wiki/Dr._Seuss" target="_blank" rel="noopener">Dr. Seuss</a> was the pen name of Theodor Seuss Geisel, an American writer and illustrator who created many beloved childrenâ€™s books, such as The Cat in the Hat, Green Eggs and Ham, and How the Grinch Stole Christmas. His books are known for their rhyming, whimsical, and imaginative stories, often featuring fantastical creatures and moral lessons. Dr. Seuss also wrote books for adults, such as The Seven Lady Godivas and Youâ€™re Only Old Once. He won many awards for his work, including the Pulitzer Prize, the Caldecott Medal, and the Academy Award.</p>



<p>If you liked Dr. Seus Font then you can also check out <a href="https://whatfontfinder.com/cocomelon-font/">Cocomelon</a>,Â <a href="https://whatfontfinder.com/ben-10-font/">Ben 10</a>,Â <a href="https://whatfontfinder.com/adventure-time-font/">Adventure Time</a>,Â <a href="https://whatfontfinder.com/my-little-pony-font/">My Little Pony</a>,Â <a href="https://whatfontfinder.com/winnie-the-pooh-font/">Winnie The Pooh</a>Â andÂ <a href="https://whatfontfinder.com/looney-tunes-font/">Looney Tunes</a>Â font.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/dr-seus-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>One Piece Font</title>
		<link>https://whatfontfinder.com/one-piece-font/</link>
					<comments>https://whatfontfinder.com/one-piece-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 24 Dec 2023 13:32:49 +0000</pubDate>
				<category><![CDATA[Anime]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[anime]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[japanese]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Luffy]]></category>
		<category><![CDATA[manga]]></category>
		<category><![CDATA[One Piece]]></category>
		<category><![CDATA[one piece font]]></category>
		<category><![CDATA[Pirate]]></category>
		<category><![CDATA[Straw Hat]]></category>
		<category><![CDATA[Typography]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2971</guid>

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



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

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

        const fontData = [
            { name: "one-piece-font-font", file: "one-piece-font.ttf", statement: "Replica" },
            { name: "Sayyeda-font", file: "Sayyeda.ttf", statement: "Similar" }

        ];

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

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

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

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

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

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

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

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



<p>One Pieceâ€™s logo is an original design, but it has been recreated as a One Piece font by Phantom King Graphics. The font has both uppercase and lowercase letters, as well as numbers and various symbols. Sayyeda Font by FG Studios is another good option.</p>



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



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



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/one-piece-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>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>Ben 10 Font</title>
		<link>https://whatfontfinder.com/ben-10-font/</link>
					<comments>https://whatfontfinder.com/ben-10-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sat, 02 Dec 2023 12:44:38 +0000</pubDate>
				<category><![CDATA[KIDS]]></category>
		<category><![CDATA[Action]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[Alien]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[Badaboom BB]]></category>
		<category><![CDATA[Ben 10]]></category>
		<category><![CDATA[Ben 10 AlienForce]]></category>
		<category><![CDATA[Ben 10 Font]]></category>
		<category><![CDATA[Ben 10 Omniverse]]></category>
		<category><![CDATA[Ben 10 Ultimate Alien]]></category>
		<category><![CDATA[Ben Tennyson]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Cartoon Network]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[Grobold]]></category>
		<category><![CDATA[Kids Magazine]]></category>
		<category><![CDATA[Omnitrix]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[Sci-fi]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2524</guid>

					<description><![CDATA[Are you seeking the iconic Ben 10 font? It's bold, futuristic, reminiscent of Badaboom BB, and free for personal and commercial use. Discover more options like Obelix and Grobold.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Ben 10 Font Generator</h2>



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

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

        const fontData = [
            { name: "BADABB-font", file: "BADABB.TTF ", statement: "Similar" },
            { name: "GROBOLD-font", file: "GROBOLD.ttf ", statement: "Alternative" },
            { name: "ObelixProBIt-font", file: "ObelixProBIt.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', 'BEN 10');
            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>If you are looking for your childhood hero, Ben 10 Font, you&#8217;re in the right place!&nbsp;<a target="_blank" href="https://en.wikipedia.org/wiki/Ben_10" rel="noreferrer noopener">Ben 10</a>&nbsp;is an animated media franchise created by the Man of Action. The franchise revolves around a young boy named Ben Tennyson. He discovers a mysterious device called the Omnitrix, which allows him to transform into different alien species. Ben uses his new powers to fight evil and save the world, along with his cousin Gwen and his grandfather Max.</p>



<p>The Ben 10 title font is bold and futuristic, similar to Badaboom BB. This font is free to download and can be used for personal or commercial projects. Other fonts to consider are Obelix and Grobold.</p>



<p>You can also check out our <a href="https://whatfontfinder.com/looney-tunes-font/">Looney Tunes</a>, <a href="https://whatfontfinder.com/winnie-the-pooh-font/">Winnie The Poor</a>, and <a href="https://whatfontfinder.com/moana-font/">Moana</a> Fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/ben-10-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Wonder Woman Font</title>
		<link>https://whatfontfinder.com/wonder-woman-font/</link>
					<comments>https://whatfontfinder.com/wonder-woman-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 12 Nov 2023 13:06:16 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[curved]]></category>
		<category><![CDATA[DC Comics Font]]></category>
		<category><![CDATA[elegant]]></category>
		<category><![CDATA[feminine]]></category>
		<category><![CDATA[futuristic]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[Liberty font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[powerful]]></category>
		<category><![CDATA[Raleway font]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[stylish]]></category>
		<category><![CDATA[superhero]]></category>
		<category><![CDATA[Superhero Font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[wonder woman]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2114</guid>

					<description><![CDATA[Explore the fonts of 'Wonder Woman': Raleway for the official poster, Liberty for the trailer, and Wolfalcon Regular for the emblem. The film, a critical success in the DC Universe, portrays the origin of Wonder Woman, a superhero fighting for peace and justice.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Wonder Woman Font Generator</h2>



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

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

        const fontData = [
            { name: "raleway-font", file: "raleway.ttf ", statement: "Similar" },
            { name: "liberty-font", file: "liberty.ttf ", statement: "Similar" , extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/liberty-font-elsner-flake?cjdata=MXxOfDB8WXww&utm_source=cj&utm_medium=affiliate&utm_campaign=FontGet+Inc&cjevent=8aa894df815a11ee808805450a18b8f7&utm_cid=6092967&utm_pid=100771349&utm_sid=&utm_content=text_mf2" } },
            { name: "WolfalconRegular-font", file: "WolfalconRegular.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', 'WONDER WOMAN');
            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>Looking for Wonder Woman font? Then you&#8217;ve come to the right place! Wonder Woman uses different fonts. Wonder Woman&#8217;s official poster uses Raleway font, created by Matt McInerney. For Wonder Woman&#8217;s official trailer, the marketing team used Liberty font, designed by Andrew Newton. The emblem &#8220;W&#8221; used Wolfalcon Regular font.</p>



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



<p><a href="https://www.imdb.com/title/tt0451279/" target="_blank" rel="noopener">Wonder Woman</a> is an Amazonian princess superhero with superhuman abilities and a magical lasso. She fights for peace, justice, and love in the world. Wonder Woman is a 2017 American film directed by Patty Jenkins, starring Gal Gadot as the title hero. It is the fourth film in the DC Extended Universe.</p>



<p>The film tells the origin story of Wonder Woman, from her childhood on the island of Themyscira to her involvement in the World War. The film was a critical and commercial success and was nominated for an Oscar in three categories.</p>



<p>You can also check out our other superhero fonts like <a href="https://whatfontfinder.com/aquaman-font/">Aquaman</a>, <a href="https://whatfontfinder.com/avengers-font/">Avengers</a>, and <a href="https://whatfontfinder.com/iron-man-font/">Iron Man</a> fonts.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/wonder-woman-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bleach Font</title>
		<link>https://whatfontfinder.com/bleach-font/</link>
					<comments>https://whatfontfinder.com/bleach-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 08 Oct 2023 11:25:41 +0000</pubDate>
				<category><![CDATA[Anime]]></category>
		<category><![CDATA[TV Show]]></category>
		<category><![CDATA[Action Font]]></category>
		<category><![CDATA[anime]]></category>
		<category><![CDATA[bleach]]></category>
		<category><![CDATA[Capital letters font]]></category>
		<category><![CDATA[Children font]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[Fan-made font]]></category>
		<category><![CDATA[Fighting font]]></category>
		<category><![CDATA[Japanese font]]></category>
		<category><![CDATA[kid show]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[manga]]></category>
		<category><![CDATA[Numbers font]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[Superpower font]]></category>
		<category><![CDATA[Text graphics font]]></category>
		<category><![CDATA[tv show]]></category>
		<guid isPermaLink="false">http://tdi_76_1e3</guid>

					<description><![CDATA[The Bleach logo font is custom, but a fan created the free Bleach font. Bleach is a manga and anime series created by Tite Kubo, featuring Ichigo Kurosaki as a Soul Reaper fighting evil spirits called Hollows.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Bleach Font Generator</h2>



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

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

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

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

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

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'BLEACH');
            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><strong>Replica</strong>: Bleach logo font is custom-made, but a show fan recreated it and named it Bleach font. It was designed and published by Danilo Belardinelli. The font is free for personal use.</p>



<p><a target="_blank" href="https://en.wikipedia.org/wiki/Bleach_(TV_series)" rel="noreferrer noopener">Bleach&nbsp;</a>is a manga and anime series that tells the story of Ichigo Kurosaki. He is a teenager who can see ghosts and becomes a Soul Reaper, a warrior who fights evil spirits called Hollows. Tite Kubo created the series from 2001 to 2016 in the manga magazine Weekly ShÅnen Jump. The anime adaptation was produced by Studio Pierrot and aired from 2004 to 2012. A sequel series named Bleach: Thousand Years Blood War covering the manga&#8217;s final arc started in 2022.</p>



<p>You can also read our <a href="https://whatfontfinder.com/jujutsu-kaisen-font/">Jujutsu Kaisen</a>, <a href="https://whatfontfinder.com/ratatouille-font/">Ratatouille</a>, and <a href="https://whatfontfinder.com/brave-font/">Brave </a>fonts.</p>



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