<?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/"
	>

<channel>
	<title>bold &#8211; Different Fonts</title>
	<atom:link href="https://different-fonts.com/tag/bold/feed/" rel="self" type="application/rss+xml" />
	<link>https://different-fonts.com</link>
	<description>Downloads Latest Free and Different Fonts</description>
	<lastBuildDate>Tue, 12 Dec 2023 10:10:03 +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://different-fonts.com/wp-content/uploads/2023/05/cropped-different-fonts-icon-32x32.png</url>
	<title>bold &#8211; Different Fonts</title>
	<link>https://different-fonts.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Prehistoric Planet Font</title>
		<link>https://different-fonts.com/prehistoric-planet-font/</link>
					<comments>https://different-fonts.com/prehistoric-planet-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Tue, 12 Dec 2023 10:10:00 +0000</pubDate>
				<category><![CDATA[Logo Font]]></category>
		<category><![CDATA[Display Font]]></category>
		<category><![CDATA[Sans-Serif]]></category>
		<category><![CDATA[agency fb]]></category>
		<category><![CDATA[blue]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Condensed]]></category>
		<category><![CDATA[Dinosaur]]></category>
		<category><![CDATA[documentary]]></category>
		<category><![CDATA[Geometric]]></category>
		<category><![CDATA[green]]></category>
		<category><![CDATA[Headings]]></category>
		<category><![CDATA[Modern]]></category>
		<category><![CDATA[Prehistoric]]></category>
		<category><![CDATA[Square Sans-Serif]]></category>
		<category><![CDATA[Title Font]]></category>
		<category><![CDATA[Typeface]]></category>
		<category><![CDATA[white]]></category>
		<guid isPermaLink="false">https://different-fonts.com/?p=2864</guid>

					<description><![CDATA[Looking for Prehistoric Planet font? Then you&#8217;ve come to the right place! The distinctive and eye-catching Prehistoric Planet logo used Agency FB Bold Condensed font on its logo. David Berlow of Font Bureau designed the geometric sans-serif typeface family based on the capitals-only titling face created in the 1930s by Morris Fuller Benton. However, this&#8230;&#160;<a href="https://different-fonts.com/prehistoric-planet-font/" rel="bookmark"><span class="screen-reader-text">Prehistoric Planet Font</span></a>]]></description>
										<content:encoded><![CDATA[
<p>Looking for Prehistoric Planet font? Then you&#8217;ve come to the right place! The distinctive and eye-catching Prehistoric Planet logo used Agency FB Bold Condensed font on its logo. David Berlow of Font Bureau designed the geometric sans-serif typeface family based on the capitals-only titling face created in the 1930s by Morris Fuller Benton. However, this font isn&#8217;t free to download. So, you need to purchase a license.</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="900" height="500" src="https://different-fonts.com/wp-content/uploads/2023/12/Prehistoric-Planet-logo-vs-Agnecy-FB-Bold-Condensed-Font-similarity-example.webp" alt="Prehistoric Planet logo vs Agnecy FB Bold Condensed Font similarity example" class="wp-image-2876" srcset="https://different-fonts.com/wp-content/uploads/2023/12/Prehistoric-Planet-logo-vs-Agnecy-FB-Bold-Condensed-Font-similarity-example.webp 900w, https://different-fonts.com/wp-content/uploads/2023/12/Prehistoric-Planet-logo-vs-Agnecy-FB-Bold-Condensed-Font-similarity-example-300x167.webp 300w, https://different-fonts.com/wp-content/uploads/2023/12/Prehistoric-Planet-logo-vs-Agnecy-FB-Bold-Condensed-Font-similarity-example-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p></p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#font-generator">Generate</a></div>



<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://dafontonline.com/agency-fb-font/" target="_blank" rel="noopener">Download</a></div>
</div>



<p></p>



<p><a href="https://en.wikipedia.org/wiki/Prehistoric_Planet" target="_blank" rel="noopener">Prehistoric Planet</a> is a five-part nature documentary series about dinosaurs that premiered on Apple TV+ on May 23, 2022. The series features stunning computer-generated imagery and narration by Sir David Attenborough, who takes the viewers back to the Late Cretaceous period, 66 million years ago, when dinosaurs and other prehistoric creatures roamed the lands, seas, and skies.</p>



<h2 class="wp-block-heading">Prehistoric Planet Font Generator</h2>



<p id="font-generator">Check out and try our prehistoric planet font generator. Our font generator lets you see how your text looks on social media or other platforms. You can type your text, select the font, and customize it by adjusting the size, color, and background. The generator provides a real-time preview of the changes, and you can download both the customized preview and the font itself. It lets you design unlimited beautiful Posters, Logos, and Banners free of cost.</p>



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

<!-- JavaScript code -->
<script type="module">
const FONT_BASE_URL = "https://different-fonts.com/wp-content/uploads/Fonts/";

const fontData = [
{ name: "agencyfb-reg", file: "agencyfb-reg.ttf" },
{ name: "agencyfb-bold", file: "agencyfb-bold.ttf" }

]

  const previewContainer = document.getElementById("fontPreviewContainer");

  const fontPreviewControls = document.createElement("div");
  fontPreviewControls.classList.add("fontPreviewControls");

  const livePreviewLabel = document.createElement("label");
  livePreviewLabel.htmlFor = "liveTypeInput";
  livePreviewLabel.innerText = "Type:";
  const liveTypeInput = document.createElement("input");
  liveTypeInput.type = "text";
  liveTypeInput.classList.add("liveTypeInput");
  liveTypeInput.id = "liveTypeInput";
  liveTypeInput.setAttribute(
    "placeholder",
    "Type something here for live preview"
  );
  liveTypeInput.value = "PREHISTORIC PLANET";

  const colorLabel = document.createElement("label");
  colorLabel.htmlFor = "colorInputField";
  colorLabel.innerText = "Color:";
  const colorInputField = document.createElement("input");
  colorInputField.type = "color";
  colorInputField.classList.add("colorInputField");
  colorInputField.id = "colorInputField";

  const backgroundColorLabel = document.createElement("label");
  backgroundColorLabel.htmlFor = "backgroundColorInputField";
  backgroundColorLabel.innerText = "Background:";
  const backgroundColorInputField = document.createElement("input");
  backgroundColorInputField.type = "color";
  backgroundColorInputField.classList.add("backgroundColorInputField");
  backgroundColorInputField.id = "backgroundColorInputField";
  backgroundColorInputField.value = "#ffffff";

  const fontSizeLabel = document.createElement("label");
  fontSizeLabel.htmlFor = "fontSizeSlider";
  fontSizeLabel.innerText = "Size:";
  const fontSizeSlider = document.createElement("input");
  fontSizeSlider.type = "range";
  fontSizeSlider.classList.add("fontSizeSlider");
  fontSizeSlider.id = "fontSizeSlider";
  fontSizeSlider.min = 10;
  fontSizeSlider.max = 120;
  fontSizeSlider.step = 10;
  fontSizeSlider.value = 30;

  const fontPreviews = {};

  function applyLigatures(text) {
    // Helper function to apply ligatures to the font preview text
    if (ligaturesCheckbox.checked) {
      // Add ligature replacements as needed
      text = text.replace(/ff/g, "𝒻𝓃");
      text = text.replace(/fi/g, "𝒻𝒾");
      text = text.replace(/fl/g, "𝒻𝓁");
      // Add more ligatures as needed
    }
    return text;
  }

  function updateFontPreviews() {
    const fontPreviewAreas = document.querySelectorAll(".fontPreview");
    const textColor = colorInputField.value;
    const backgroundColor = backgroundColorInputField.value;
    const fontSize = `${fontSizeSlider.value}px`;
    const liveText = liveTypeInput.value;

    fontPreviewAreas.forEach((fontPreviewArea) => {
      fontPreviewArea.style.color = textColor;
      fontPreviewArea.style.backgroundColor = backgroundColor;
      fontPreviewArea.style.fontSize = fontSize;
      fontPreviewArea.innerText = applyLigatures(liveText);
    });
  }

  colorInputField.addEventListener("input", updateFontPreviews);
  backgroundColorInputField.addEventListener("input", updateFontPreviews);
  fontSizeSlider.addEventListener("input", updateFontPreviews);
  liveTypeInput.addEventListener("input", updateFontPreviews);

  const ligaturesLabel = document.createElement("label");
  ligaturesLabel.htmlFor = "ligaturesCheckbox";
  ligaturesLabel.innerText = "Ligatures:";
  const ligaturesCheckbox = document.createElement("input");
  ligaturesCheckbox.type = "checkbox";
  ligaturesCheckbox.id = "ligaturesCheckbox";
  ligaturesCheckbox.addEventListener("change", updateFontPreviews);

  fontPreviewControls.appendChild(livePreviewLabel);
  fontPreviewControls.appendChild(liveTypeInput);
  fontPreviewControls.appendChild(colorLabel);
  fontPreviewControls.appendChild(colorInputField);
  fontPreviewControls.appendChild(backgroundColorLabel);
  fontPreviewControls.appendChild(backgroundColorInputField);
  fontPreviewControls.appendChild(fontSizeLabel);
  fontPreviewControls.appendChild(fontSizeSlider);
  fontPreviewControls.appendChild(ligaturesLabel);
  fontPreviewControls.appendChild(ligaturesCheckbox);
  previewContainer.appendChild(fontPreviewControls);

  const separator = document.createElement("div");
  separator.classList.add("separator");
  previewContainer.appendChild(separator);

  fontData.forEach(({ name, file }) => {
    const fontName = name;

    const fontContainer = document.createElement("div");
    fontContainer.classList.add("fontContainer");

    const fontTitle = document.createElement("div");
    fontTitle.innerText = fontName;
    fontTitle.classList.add("fontTitle");

    const fontPreviewArea = document.createElement("div");
    fontPreviewArea.setAttribute("aria-labelledby", fontName);
    fontPreviewArea.classList.add("fontPreview");
    fontPreviewArea.classList.add(fontName);
    fontPreviewArea.id = fontName;
    fontPreviewArea.innerText = applyLigatures(liveTypeInput.value);

    const fontFace = new FontFace(fontName, `url(${FONT_BASE_URL}${file})`);
    fontFace.load().then((loadedFontFace) => {
      document.fonts.add(loadedFontFace);
      fontPreviewArea.style.fontFamily = fontName;
    });

    const previewDownloadButton = document.createElement("button");
    previewDownloadButton.innerText = "Download View";
    previewDownloadButton.addEventListener("click", () =>
      downloadFontPreview(fontName)
    );
    previewDownloadButton.classList.add("downloadBtn");
    previewDownloadButton.classList.add("customBtn");

    const downloadButton = document.createElement("button");
    downloadButton.innerText = "Download Font";
    downloadButton.addEventListener("click", () => downloadFont(file));
    downloadButton.classList.add("downloadBtn");
    downloadButton.classList.add("customBtn");

    const previewButtonWrapper = document.createElement("div");
    previewButtonWrapper.classList.add("previewButtonWrapper");
    previewButtonWrapper.appendChild(previewDownloadButton);

    const downloadButtonWrapper = document.createElement("div");
    downloadButtonWrapper.classList.add("downloadButtonWrapper");
    downloadButtonWrapper.appendChild(downloadButton);

    const previewWithDownload = document.createElement("div");
    previewWithDownload.classList.add("previewWithDownload");

    previewWithDownload.appendChild(previewButtonWrapper);
    previewWithDownload.appendChild(downloadButtonWrapper);

    fontContainer.appendChild(fontTitle);
    fontContainer.appendChild(fontPreviewArea);
    fontContainer.appendChild(previewWithDownload);
    previewContainer.appendChild(fontContainer);

    fontPreviews[fontName] = fontPreviewArea;

    fontPreviewArea.setAttribute("contenteditable", true);

    const styles = document.createElement("style");
    styles.innerHTML = `
      @font-face {
        font-family: "${fontName}";
        src: url("${FONT_BASE_URL}${file}") format("opentype");
        font-display: swap;
      }

      .${fontName} {
        font-family: "${fontName}";
      }
    `;
    document.head.appendChild(styles);
  });

  function downloadFont(fontFile) {
    const a = document.createElement("a");
    a.href = `${FONT_BASE_URL}${fontFile}`;
    a.download = fontFile;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  }

  function downloadFontPreview(fontName) {
    const fontPreviewArea = fontPreviews[fontName];
    const previewCanvas = document.createElement("canvas");
    const previewCtx = previewCanvas.getContext("2d");
    const fontStyles = window.getComputedStyle(fontPreviewArea);
    const backgroundColor = backgroundColorInputField.value;

    previewCanvas.width = fontPreviewArea.offsetWidth;
    previewCanvas.height = fontPreviewArea.offsetHeight;

    // Set the background color
    previewCtx.fillStyle = backgroundColor;
    previewCtx.fillRect(0, 0, previewCanvas.width, previewCanvas.height);

    // Draw the font preview text
    previewCtx.fillStyle = fontStyles.color;
    previewCtx.font = fontStyles.font;
    previewCtx.textBaseline = "middle";
    previewCtx.textAlign = "center";
    previewCtx.fillText(fontPreviewArea.innerText, previewCanvas.width / 2, previewCanvas.height / 2);

    const previewDataUrl = previewCanvas.toDataURL("image/png");
    const a = document.createElement("a");
    a.href = previewDataUrl;
    a.download = `${fontName}_preview.png`;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  }

  updateFontPreviews();
</script>



<p></p>



<h2 class="wp-block-heading">Conclusion</h2>



<p>Prehistoric Planet font is based on Agency FB Bold Condensed. You can use the font to create headlines, logos, posters, banners, and other design projects that require a bold and eye-catching font.</p>



<p>If you liked this font and looking for similar fonts then check out <a href="https://different-fonts.com/the-office-font/">The office</a>, <a href="https://different-fonts.com/bluey-font/">Bluey</a>, and <a href="https://different-fonts.com/miami-vice-font/">Miami Vice</a> fonts.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://different-fonts.com/prehistoric-planet-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bleach Font</title>
		<link>https://different-fonts.com/bleach-font/</link>
					<comments>https://different-fonts.com/bleach-font/#respond</comments>
		
		<dc:creator><![CDATA[Easin Arafat]]></dc:creator>
		<pubDate>Sun, 15 Oct 2023 06:32:57 +0000</pubDate>
				<category><![CDATA[Logo Font]]></category>
		<category><![CDATA[Display Font]]></category>
		<category><![CDATA[Serif]]></category>
		<category><![CDATA[All-caps font]]></category>
		<category><![CDATA[anime font]]></category>
		<category><![CDATA[Bleach]]></category>
		<category><![CDATA[bold]]></category>
		<category><![CDATA[Cool Font]]></category>
		<category><![CDATA[Decorative Font]]></category>
		<category><![CDATA[Display]]></category>
		<category><![CDATA[dynamic]]></category>
		<category><![CDATA[energetic]]></category>
		<category><![CDATA[Free Font Download]]></category>
		<category><![CDATA[Free Font Generator]]></category>
		<category><![CDATA[Free Tools]]></category>
		<category><![CDATA[Headlines]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[manga font]]></category>
		<category><![CDATA[Posters]]></category>
		<category><![CDATA[webfont]]></category>
		<guid isPermaLink="false">https://different-fonts.com/?p=2640</guid>

					<description><![CDATA[Are you looking for the Bleach anime font used on the Bleach poster? You&#8217;re in good hands! A custom font is used for the lettering on the Bleach logo font. So, it isn&#8217;t available online. But there is a fan-made font that replicates the logo. It is called Font Bleach. But what is Bleach? Bleach&#8230;&#160;<a href="https://different-fonts.com/bleach-font/" rel="bookmark"><span class="screen-reader-text">Bleach Font</span></a>]]></description>
										<content:encoded><![CDATA[
<p>Are you looking for the Bleach anime font used on the Bleach poster? You&#8217;re in good hands! A custom font is used for the lettering on the Bleach logo font. So, it isn&#8217;t available online. But there is a fan-made font that replicates the logo. It is called Font Bleach. But what is Bleach?</p>



<figure class="wp-block-image size-full"><img decoding="async" width="900" height="500" src="https://different-fonts.com/wp-content/uploads/2023/10/Bleach-Anime.webp" alt="Bleach Anime" class="wp-image-2644" srcset="https://different-fonts.com/wp-content/uploads/2023/10/Bleach-Anime.webp 900w, https://different-fonts.com/wp-content/uploads/2023/10/Bleach-Anime-300x167.webp 300w, https://different-fonts.com/wp-content/uploads/2023/10/Bleach-Anime-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p></p>



<p><strong><a href="https://en.wikipedia.org/wiki/Bleach_(TV_series)" target="_blank" rel="noopener">Bleach</a></strong> anime series is a popular Japanese anime television series based on Tite Kubo&#8217;s manga of the same name. The series tells the story of Ichigo Kurosaki, a high school student who becomes a Soul Reaper. He is a supernatural being who protects the living from the Hollows, corrupted spirits who consume souls.</p>



<h2 class="wp-block-heading">About The Font and Its Effectiveness</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="900" height="500" src="https://different-fonts.com/wp-content/uploads/2023/10/Bleach-Logo-vs-Font-Bleach-Similarity-Example.webp" alt="Bleach Logo vs Font Bleach Similarity Example" class="wp-image-2645" srcset="https://different-fonts.com/wp-content/uploads/2023/10/Bleach-Logo-vs-Font-Bleach-Similarity-Example.webp 900w, https://different-fonts.com/wp-content/uploads/2023/10/Bleach-Logo-vs-Font-Bleach-Similarity-Example-300x167.webp 300w, https://different-fonts.com/wp-content/uploads/2023/10/Bleach-Logo-vs-Font-Bleach-Similarity-Example-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p></p>



<p>Bleach anime poster used a custom font and isn&#8217;t available to the public. So, an anime fan replicated the logo font and released it. It is available in a bold all-caps font.</p>



<p>Bleach font is perfect for headlines, logos, and other designs that need to make a statement. You can also use it to create Bleach-related themes and designs. It is free for personal use and download. So, check out the font in our font generator now.</p>



<h2 class="wp-block-heading">Bleach Font Generator</h2>



<p>To use our Bleach font generator, simply type your text into the text box and select the font from the dropdown menu. You can then customize the font by adjusting the size, color, and background. Once you are happy with the results, you can download the customized preview or the font itself.</p>



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

<!-- JavaScript code -->
<script type="module">
const FONT_BASE_URL = "https://different-fonts.com/wp-content/uploads/Fonts/";

const fontData = [
{ name: "FontBleach", file: "FontBleach.ttf" }

]

  const previewContainer = document.getElementById("fontPreviewContainer");

  const fontPreviewControls = document.createElement("div");
  fontPreviewControls.classList.add("fontPreviewControls");

  const livePreviewLabel = document.createElement("label");
  livePreviewLabel.htmlFor = "liveTypeInput";
  livePreviewLabel.innerText = "Type:";
  const liveTypeInput = document.createElement("input");
  liveTypeInput.type = "text";
  liveTypeInput.classList.add("liveTypeInput");
  liveTypeInput.id = "liveTypeInput";
  liveTypeInput.setAttribute(
    "placeholder",
    "Type something here for live preview"
  );
  liveTypeInput.value = "BLEACH FONT";

  const colorLabel = document.createElement("label");
  colorLabel.htmlFor = "colorInputField";
  colorLabel.innerText = "Color:";
  const colorInputField = document.createElement("input");
  colorInputField.type = "color";
  colorInputField.classList.add("colorInputField");
  colorInputField.id = "colorInputField";

  const backgroundColorLabel = document.createElement("label");
  backgroundColorLabel.htmlFor = "backgroundColorInputField";
  backgroundColorLabel.innerText = "Background:";
  const backgroundColorInputField = document.createElement("input");
  backgroundColorInputField.type = "color";
  backgroundColorInputField.classList.add("backgroundColorInputField");
  backgroundColorInputField.id = "backgroundColorInputField";
  backgroundColorInputField.value = "#ffffff";

  const fontSizeLabel = document.createElement("label");
  fontSizeLabel.htmlFor = "fontSizeSlider";
  fontSizeLabel.innerText = "Size:";
  const fontSizeSlider = document.createElement("input");
  fontSizeSlider.type = "range";
  fontSizeSlider.classList.add("fontSizeSlider");
  fontSizeSlider.id = "fontSizeSlider";
  fontSizeSlider.min = 10;
  fontSizeSlider.max = 120;
  fontSizeSlider.step = 10;
  fontSizeSlider.value = 30;

  const fontPreviews = {};

  function applyLigatures(text) {
    // Helper function to apply ligatures to the font preview text
    if (ligaturesCheckbox.checked) {
      // Add ligature replacements as needed
      text = text.replace(/ff/g, "𝒻𝓃");
      text = text.replace(/fi/g, "𝒻𝒾");
      text = text.replace(/fl/g, "𝒻𝓁");
      // Add more ligatures as needed
    }
    return text;
  }

  function updateFontPreviews() {
    const fontPreviewAreas = document.querySelectorAll(".fontPreview");
    const textColor = colorInputField.value;
    const backgroundColor = backgroundColorInputField.value;
    const fontSize = `${fontSizeSlider.value}px`;
    const liveText = liveTypeInput.value;

    fontPreviewAreas.forEach((fontPreviewArea) => {
      fontPreviewArea.style.color = textColor;
      fontPreviewArea.style.backgroundColor = backgroundColor;
      fontPreviewArea.style.fontSize = fontSize;
      fontPreviewArea.innerText = applyLigatures(liveText);
    });
  }

  colorInputField.addEventListener("input", updateFontPreviews);
  backgroundColorInputField.addEventListener("input", updateFontPreviews);
  fontSizeSlider.addEventListener("input", updateFontPreviews);
  liveTypeInput.addEventListener("input", updateFontPreviews);

  const ligaturesLabel = document.createElement("label");
  ligaturesLabel.htmlFor = "ligaturesCheckbox";
  ligaturesLabel.innerText = "Ligatures:";
  const ligaturesCheckbox = document.createElement("input");
  ligaturesCheckbox.type = "checkbox";
  ligaturesCheckbox.id = "ligaturesCheckbox";
  ligaturesCheckbox.addEventListener("change", updateFontPreviews);

  fontPreviewControls.appendChild(livePreviewLabel);
  fontPreviewControls.appendChild(liveTypeInput);
  fontPreviewControls.appendChild(colorLabel);
  fontPreviewControls.appendChild(colorInputField);
  fontPreviewControls.appendChild(backgroundColorLabel);
  fontPreviewControls.appendChild(backgroundColorInputField);
  fontPreviewControls.appendChild(fontSizeLabel);
  fontPreviewControls.appendChild(fontSizeSlider);
  fontPreviewControls.appendChild(ligaturesLabel);
  fontPreviewControls.appendChild(ligaturesCheckbox);
  previewContainer.appendChild(fontPreviewControls);

  const separator = document.createElement("div");
  separator.classList.add("separator");
  previewContainer.appendChild(separator);

  fontData.forEach(({ name, file }) => {
    const fontName = name;

    const fontContainer = document.createElement("div");
    fontContainer.classList.add("fontContainer");

    const fontTitle = document.createElement("div");
    fontTitle.innerText = fontName;
    fontTitle.classList.add("fontTitle");

    const fontPreviewArea = document.createElement("div");
    fontPreviewArea.setAttribute("aria-labelledby", fontName);
    fontPreviewArea.classList.add("fontPreview");
    fontPreviewArea.classList.add(fontName);
    fontPreviewArea.id = fontName;
    fontPreviewArea.innerText = applyLigatures(liveTypeInput.value);

    const fontFace = new FontFace(fontName, `url(${FONT_BASE_URL}${file})`);
    fontFace.load().then((loadedFontFace) => {
      document.fonts.add(loadedFontFace);
      fontPreviewArea.style.fontFamily = fontName;
    });

    const previewDownloadButton = document.createElement("button");
    previewDownloadButton.innerText = "Download View";
    previewDownloadButton.addEventListener("click", () =>
      downloadFontPreview(fontName)
    );
    previewDownloadButton.classList.add("downloadBtn");
    previewDownloadButton.classList.add("customBtn");

    const downloadButton = document.createElement("button");
    downloadButton.innerText = "Download Font";
    downloadButton.addEventListener("click", () => downloadFont(file));
    downloadButton.classList.add("downloadBtn");
    downloadButton.classList.add("customBtn");

    const previewButtonWrapper = document.createElement("div");
    previewButtonWrapper.classList.add("previewButtonWrapper");
    previewButtonWrapper.appendChild(previewDownloadButton);

    const downloadButtonWrapper = document.createElement("div");
    downloadButtonWrapper.classList.add("downloadButtonWrapper");
    downloadButtonWrapper.appendChild(downloadButton);

    const previewWithDownload = document.createElement("div");
    previewWithDownload.classList.add("previewWithDownload");

    previewWithDownload.appendChild(previewButtonWrapper);
    previewWithDownload.appendChild(downloadButtonWrapper);

    fontContainer.appendChild(fontTitle);
    fontContainer.appendChild(fontPreviewArea);
    fontContainer.appendChild(previewWithDownload);
    previewContainer.appendChild(fontContainer);

    fontPreviews[fontName] = fontPreviewArea;

    fontPreviewArea.setAttribute("contenteditable", true);

    const styles = document.createElement("style");
    styles.innerHTML = `
      @font-face {
        font-family: "${fontName}";
        src: url("${FONT_BASE_URL}${file}") format("opentype");
        font-display: swap;
      }

      .${fontName} {
        font-family: "${fontName}";
      }
    `;
    document.head.appendChild(styles);
  });

  function downloadFont(fontFile) {
    const a = document.createElement("a");
    a.href = `${FONT_BASE_URL}${fontFile}`;
    a.download = fontFile;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  }

  function downloadFontPreview(fontName) {
    const fontPreviewArea = fontPreviews[fontName];
    const previewCanvas = document.createElement("canvas");
    const previewCtx = previewCanvas.getContext("2d");
    const fontStyles = window.getComputedStyle(fontPreviewArea);
    const backgroundColor = backgroundColorInputField.value;

    previewCanvas.width = fontPreviewArea.offsetWidth;
    previewCanvas.height = fontPreviewArea.offsetHeight;

    // Set the background color
    previewCtx.fillStyle = backgroundColor;
    previewCtx.fillRect(0, 0, previewCanvas.width, previewCanvas.height);

    // Draw the font preview text
    previewCtx.fillStyle = fontStyles.color;
    previewCtx.font = fontStyles.font;
    previewCtx.textBaseline = "middle";
    previewCtx.textAlign = "center";
    previewCtx.fillText(fontPreviewArea.innerText, previewCanvas.width / 2, previewCanvas.height / 2);

    const previewDataUrl = previewCanvas.toDataURL("image/png");
    const a = document.createElement("a");
    a.href = previewDataUrl;
    a.download = `${fontName}_preview.png`;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  }

  updateFontPreviews();
</script>



<p></p>



<h2 class="wp-block-heading">Conclusion</h2>



<p>Bleach is a fan-made bold and energetic replica font. It can be used for various designs, especially ones related to the Bleach theme. If you are looking for a stylish and effective font, then this is definitely for you! You can also check out Bleach font in our font generator and download it for free!</p>



<p>You can also follow our other fonts like <strong><a href="https://different-fonts.com/death-note-font/">Death Note</a></strong>, <strong><a href="https://different-fonts.com/pokemon-font/">Pokemon</a></strong>, and Mickey Mouse Clubhouse fonts now! And if you have any opinion then please comment them below!</p>



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