<?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>Lithos Black font &#8211; Different Fonts</title>
	<atom:link href="https://different-fonts.com/tag/lithos-black-font/feed/" rel="self" type="application/rss+xml" />
	<link>https://different-fonts.com</link>
	<description>Downloads Latest Free and Different Fonts</description>
	<lastBuildDate>Tue, 17 Oct 2023 09:56:54 +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>Lithos Black font &#8211; Different Fonts</title>
	<link>https://different-fonts.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Space Jam Font</title>
		<link>https://different-fonts.com/space-jam-font/</link>
					<comments>https://different-fonts.com/space-jam-font/#respond</comments>
		
		<dc:creator><![CDATA[Easin Arafat]]></dc:creator>
		<pubDate>Tue, 17 Oct 2023 09:49:07 +0000</pubDate>
				<category><![CDATA[Logo Font]]></category>
		<category><![CDATA[Display Font]]></category>
		<category><![CDATA[Basketball font]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Cartoon Font]]></category>
		<category><![CDATA[Decotura font]]></category>
		<category><![CDATA[Font Design]]></category>
		<category><![CDATA[fun font]]></category>
		<category><![CDATA[Lithos Black font]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Looney Tunes font]]></category>
		<category><![CDATA[Republik Sans font]]></category>
		<category><![CDATA[Space Jam font]]></category>
		<category><![CDATA[Space Jam logo font]]></category>
		<category><![CDATA[Space Jam movie]]></category>
		<category><![CDATA[Typography]]></category>
		<guid isPermaLink="false">https://different-fonts.com/?p=2652</guid>

					<description><![CDATA[Are you a fan of the classic Space Jam movie? Do you want the Space Jam font in the logo? Then you&#8217;ve come to the right place! Today, we will provide you with the font, tell you everything about Space Jam, and guide you to our font generator. What is Space Jam? Space Jam is&#8230;&#160;<a href="https://different-fonts.com/space-jam-font/" rel="bookmark"><span class="screen-reader-text">Space Jam Font</span></a>]]></description>
										<content:encoded><![CDATA[
<p>Are you a fan of the classic Space Jam movie? Do you want the Space Jam font in the logo? Then you&#8217;ve come to the right place! Today, we will provide you with the font, tell you everything about Space Jam, and guide you to our font generator.</p>



<h2 class="wp-block-heading">What is Space Jam?</h2>



<p><a href="https://en.wikipedia.org/wiki/Space_Jam" target="_blank" rel="noopener">Space Jam</a> is a sci-fi comedy film that combines live-action and animation. It tells the story of how <strong>Michael Jordan</strong> helps the Looney Tunes team win a basketball game against a group of aliens who want to enslave them. The film was a huge success, becoming the highest-grossing basketball film of all time.</p>



<p><a href="https://en.wikipedia.org/wiki/Space_Jam:_A_New_Legacy" target="_blank" rel="noopener">Space Jam 2</a> is a sequel to the 1996 film Space Jam. The new film features <strong>LeBron James</strong> as the main protagonist. He teams up with Bugs Bunny and the rest of the Looney Tunes to play a basketball game against a rogue artificial intelligence and its digital avatars.</p>



<h2 class="wp-block-heading">Font Used in Space Jam</h2>



<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/10/Space-Jam-logo-vs-Lithos-Black-Regular-font-similarity-example.webp" alt="Space Jam logo vs Lithos Black Regular font similarity example" class="wp-image-2657" srcset="https://different-fonts.com/wp-content/uploads/2023/10/Space-Jam-logo-vs-Lithos-Black-Regular-font-similarity-example.webp 900w, https://different-fonts.com/wp-content/uploads/2023/10/Space-Jam-logo-vs-Lithos-Black-Regular-font-similarity-example-300x167.webp 300w, https://different-fonts.com/wp-content/uploads/2023/10/Space-Jam-logo-vs-Lithos-Black-Regular-font-similarity-example-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p></p>



<p>The original <strong>Space Jam</strong> movie, released in 1996, used a customized version of the <strong>Lithos Black Regular font</strong>. It is a sans serif typeface based on Greek inscriptions. Carol Twombly designed it in 1989.</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/Space-Jam-2-logo-vs-Decotura-font-similarity-example.webp" alt="Space Jam 2 logo vs Decotura font similarity example" class="wp-image-2658" srcset="https://different-fonts.com/wp-content/uploads/2023/10/Space-Jam-2-logo-vs-Decotura-font-similarity-example.webp 900w, https://different-fonts.com/wp-content/uploads/2023/10/Space-Jam-2-logo-vs-Decotura-font-similarity-example-300x167.webp 300w, https://different-fonts.com/wp-content/uploads/2023/10/Space-Jam-2-logo-vs-Decotura-font-similarity-example-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p></p>



<p>Fast forward to the recent release of <strong>Space Jam: A New Legacy</strong>, and we see a brand-new font landscape. The movie&#8217;s title uses the <strong>Decotura </strong>font, adding a modern twist to the franchise. Additionally, the &#8220;New Legacy&#8221; part of the logo features the &#8220;<strong>Republik Sans</strong>&#8221; font.</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/Space-Jam-2-logo-vs-Republik-Sans-font-similarity-example.webp" alt="Space Jam 2 logo vs Republik Sans font similarity example" class="wp-image-2659" srcset="https://different-fonts.com/wp-content/uploads/2023/10/Space-Jam-2-logo-vs-Republik-Sans-font-similarity-example.webp 900w, https://different-fonts.com/wp-content/uploads/2023/10/Space-Jam-2-logo-vs-Republik-Sans-font-similarity-example-300x167.webp 300w, https://different-fonts.com/wp-content/uploads/2023/10/Space-Jam-2-logo-vs-Republik-Sans-font-similarity-example-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p></p>



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



<p>Are you curious to see how your text would look with the Space Jam font? Then try our Space Jam font now! Simply type in your desired text, pick the font, and customize it to your heart&#8217;s content. Adjust the size, color, and background. Plus, you get a real-time preview of your customizations.</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: "Lithos-Black-Regular", file: "Lithos-Black-Regular.otf" },
{ name: "DecoturaICG", file: "DecoturaICG.ttf" },
{ name: "Republik-San", file: "Republik-San.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 = "Space Jam 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>Space Jam font is a slam dunk for any designer who wants to create eye-catching and exciting designs. The original Space Jam movie used a customized Lithos Black font, while the sequel, Space Jam: A New Legacy, used the Decotura font for the title and the Republik Sans font for the &#8220;New Legacy&#8221; part of the logo.</p>



<p>You can download these fonts for free from our website. You can also check out the fonts in our font generator. So, what are you waiting for? Give them a try now!</p>



<p>If you liked the font and looking for similar fonts then check out our <a href="https://different-fonts.com/spongebob-font/">Spongebob</a>, <a href="https://different-fonts.com/bratz-font/">Bratz</a>, and <a href="https://different-fonts.com/winnie-the-pooh-font/">Winnie The Pooh</a> fonts now!</p>



<p>Thank you., </p>
]]></content:encoded>
					
					<wfw:commentRss>https://different-fonts.com/space-jam-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
