<?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>Gotham Thin Font &#8211; Different Fonts</title>
	<atom:link href="https://different-fonts.com/tag/gotham-thin-font/feed/" rel="self" type="application/rss+xml" />
	<link>https://different-fonts.com</link>
	<description>Downloads Latest Free and Different Fonts</description>
	<lastBuildDate>Wed, 27 Sep 2023 11:14:28 +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>Gotham Thin Font &#8211; Different Fonts</title>
	<link>https://different-fonts.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Spotify Font Free Download</title>
		<link>https://different-fonts.com/spotify-font/</link>
					<comments>https://different-fonts.com/spotify-font/#respond</comments>
		
		<dc:creator><![CDATA[Easin Arafat]]></dc:creator>
		<pubDate>Tue, 15 Aug 2023 07:31:05 +0000</pubDate>
				<category><![CDATA[Sans-Serif]]></category>
		<category><![CDATA[Font Download]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[Gotham Font Family]]></category>
		<category><![CDATA[Gotham Thin Font]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Sans-Sarif Font]]></category>
		<category><![CDATA[Sans-serif Font]]></category>
		<category><![CDATA[Spotify Circular Font]]></category>
		<category><![CDATA[Spotify Font]]></category>
		<category><![CDATA[Typeface]]></category>
		<category><![CDATA[Typography]]></category>
		<guid isPermaLink="false">https://different-fonts.com/?p=896</guid>

					<description><![CDATA[Introducing Spotify font. Spotify&#160;is an audio streaming company founded by&#160;Daniel Ek&#160;and&#160;Martin Lorentzon&#160;in 2006. It is the most popular audio streaming platform in the world. It has 550+ million monthly active users. The new Spotify logo is inspired by the old one, and a few changes have happened between them. The old logo had a rectangular&#8230;&#160;<a href="https://different-fonts.com/spotify-font/" rel="bookmark"><span class="screen-reader-text">Spotify Font Free Download</span></a>]]></description>
										<content:encoded><![CDATA[
<p>Introducing <strong>Spotify font</strong>. <a href="https://open.spotify.com/" target="_blank" rel="noreferrer noopener"><strong>Spotify</strong></a>&nbsp;is an audio streaming company founded by&nbsp;<a href="https://en.wikipedia.org/wiki/Daniel_Ek" target="_blank" rel="noreferrer noopener"><strong>Daniel Ek</strong></a>&nbsp;and&nbsp;<a href="https://en.wikipedia.org/wiki/Martin_Lorentzon" target="_blank" rel="noreferrer noopener"><strong>Martin Lorentzon</strong></a>&nbsp;in 2006. It is the most popular audio streaming platform in the world. It has 550+ million monthly active users.</p>



<p>The new Spotify logo is inspired by the old one, and a few changes have happened between them. The old logo had a rectangular shape behind the name; the font used in the old logo is handwritten <a href="https://www.myfonts.com/fonts/differentialtype/faizer/" target="_blank" rel="noreferrer noopener">Faizer Outline</a>. Now, it has a green circle beside the name. There are three curving lines in the middle of the circle. The curved lines represent connectivity, the circle is a universal sign, and the green colour represents connection with ideas of growth and creativity.</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="800" height="400" src="https://different-fonts.com/wp-content/uploads/2023/09/Spotify-Old-logo-Compare-To-Spotify-New-Logo.webp" alt="" class="wp-image-2541" srcset="https://different-fonts.com/wp-content/uploads/2023/09/Spotify-Old-logo-Compare-To-Spotify-New-Logo.webp 800w, https://different-fonts.com/wp-content/uploads/2023/09/Spotify-Old-logo-Compare-To-Spotify-New-Logo-300x150.webp 300w, https://different-fonts.com/wp-content/uploads/2023/09/Spotify-Old-logo-Compare-To-Spotify-New-Logo-768x384.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading">What Font is Used in Spotify logo?</h2>



<p>The font used in the Spotify new logo is<strong> Circular Spotify Medium</strong>, and the font belongs to Circular Spotify Text Font Family.<strong> Laurenz Brunner</strong> designed the font family<strong>.&nbsp;</strong>It has 632 glyphs with 474 unique characters.<br></p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="346" src="https://different-fonts.com/wp-content/uploads/2023/08/Spotify-logo-vs-spotify-circular.webp" alt="Spotify logo vs spotify circular" class="wp-image-2521" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Spotify-logo-vs-spotify-circular.webp 800w, https://different-fonts.com/wp-content/uploads/2023/08/Spotify-logo-vs-spotify-circular-300x130.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/Spotify-logo-vs-spotify-circular-768x332.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p></p>



<p>Spotify Circular is a slightly modified version of<strong>&nbsp;Gotham Medium</strong>. Gotham is a geometric sans-serif typeface designed by&nbsp;<strong>Tobias Frere-Jones and Jesse Ragan&nbsp;</strong>in 2000. It is one of the most famous font families. It has 226 glyphs and 225 characters. Gotham Narrow is Appel Inc.&#8217;s previously used default font. Many well-known institutions use Gotham as their official font. Such as <strong><a href="https://www.nyu.edu/life/information-technology/computing-support/software/software/gotham.html" target="_blank" rel="noopener">New York University</a>, <a href="https://comms.msu.edu/resources/msu-web-standards/typography#:~:text=Gotham%20is%20the%20primary%20typeface,and%20lists%20acceptable%20font%20substitutions." target="_blank" rel="noopener">Michigan State University</a>, <a href="https://sites.rowan.edu/publications/graphic-standards/preferred_typefaces.html#:~:text=The%20Right%20Type,Source%20Sans%20are%20approved%20alternatives." target="_blank" rel="noopener">Rowan University</a></strong>.</p>



<p></p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="400" src="https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-compare-to-Gothaam-Font-Medium.webp" alt="Spotify Logo compare to Gothaam Font Medium" class="wp-image-2550" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-compare-to-Gothaam-Font-Medium.webp 800w, https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-compare-to-Gothaam-Font-Medium-300x150.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-compare-to-Gothaam-Font-Medium-768x384.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p></p>



<h2 class="wp-block-heading">Spotify Font character View</h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://different-fonts.com/wp-content/uploads/2023/08/Character-Map-of-Circular-Spotify.webp" alt="Character Map of Circular Spotify" class="wp-image-2525" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Character-Map-of-Circular-Spotify.webp 800w, https://different-fonts.com/wp-content/uploads/2023/08/Character-Map-of-Circular-Spotify-300x150.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/Character-Map-of-Circular-Spotify-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" src="https://different-fonts.com/wp-content/uploads/2023/08/Character-map-of-circular-spotify-symbol.webp" alt="Character map of circular spotify -- symbol" class="wp-image-2526" style="width:803px;height:459px" width="803" height="459"/></figure>



<p></p>



<h2 class="wp-block-heading">Some other Spotify Fonts</h2>



<p>In the Spotify app, you will find some other Spotify fonts to be used. For the playlist header, they used<strong>&nbsp;Spotify Circular Black</strong>. For the list of information, you can find the&nbsp;<strong>Circular Light</strong>&nbsp;and&nbsp;<strong>Circular Book</strong>.</p>



<p>Look at the picture mentioned below to see the similarity.</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" src="https://different-fonts.com/wp-content/uploads/2023/08/Some-other-Font-Used-by-spotify-app-L.webp" alt="Some other Font Used by spotify app-L" class="wp-image-2554" style="width:819px;height:403px" width="819" height="403" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Some-other-Font-Used-by-spotify-app-L.webp 549w, https://different-fonts.com/wp-content/uploads/2023/08/Some-other-Font-Used-by-spotify-app-L-300x148.webp 300w" sizes="auto, (max-width: 819px) 100vw, 819px" /></figure>



<p></p>



<h2 class="wp-block-heading">Similar Fonts to Spotify Font</h2>



<p>Spotify Font is free for only personal projects; you must buy a license if you want to use the font for commercial purposes. However, we found three similar free fonts to the Spotify font.</p>



<p><strong>Metropolis Semi Bold</strong> is a sans-serif typeface designed by <strong>Chris Simpson. </strong>It is very similar to the Spotify font. It has 300 glyphs with 287 unique characters, including uppercase, lowercase, numbers, alphabate, punctuation marks, currency signs, etc.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-compare-to-Metropolis-Semi-Bold.webp" alt="Spotify Logo compare to Metropolis Semi Bold" class="wp-image-2551" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-compare-to-Metropolis-Semi-Bold.webp 800w, https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-compare-to-Metropolis-Semi-Bold-300x150.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-compare-to-Metropolis-Semi-Bold-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<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="#spotify-font-generator">Download</a></div>
</div>



<p>Another similar font to Spotify Font is <strong>Argentum sans medium</strong>. It is also a sans-serif font. It designed by<strong> Julieta Ulanovsky</strong>. You can use this font to create a logo for your brand shop, to make formal posters, and so on. It has 1616 glyphs and 705 characters.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-Comparte-to-Argentum-Sans-Medium.webp" alt="Spotify Logo Comparte to Argentum Sans Medium" class="wp-image-2552" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-Comparte-to-Argentum-Sans-Medium.webp 800w, https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-Comparte-to-Argentum-Sans-Medium-300x150.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/Spotify-Logo-Comparte-to-Argentum-Sans-Medium-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<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="#spotify-font-generator">Download</a></div>
</div>



<h2 class="wp-block-heading" id="spotify-font-generator"><br>Spotify Font Generator</h2>



<p>You can use our effective<strong> Spotify&nbsp;Font Generator</strong>. By using this tool, you can see the appearance of this font. This tool allows you to customize your text with different options, such as size, color, and background. You can also preview your generated text in real-time. The generated text and the fonts are available for free download.</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: "CircularSpotifyText-Medium", file: "CircularSpotifyText-Medium.otf" },
{ name: "CircularSpotifyText-Light", file: "CircularSpotifyText-Light.otf" },
{ name: "CircularSpotifyText-Book", file: "CircularSpotifyText-Book.otf" },
{ name: "CircularSpotifyText-Black", file: "CircularSpotifyText-Black.otf" },
{ name: "GothamMedium", file: "	GothamMedium.ttf" },
{ name: "Metropolis-SemiBold", file: "Metropolis-SemiBold.otf" },
{ name: "ArgentumSans-Medium", file: "ArgentumSans-Medium.otf" }

]

  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 = "Spotify";

  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>



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



<p>The Spotify Circular font is a stylish and recognizable custom font used by Spotify. It is a complete font family with different styles, such as black, book, light, medium, italic, etc. This variety of styles can be used for many editorial projects. The font is such a sharp and clear sans-serif font that offers much legibility at any size. It adds a unique and cohesive visual identity to the brand. We can say that the Spotify Circular font is an integral part of Spotify&#8217;s overall design and contributes to its distinctive aesthetic.</p>



<p>On the other hand, the Gotham font is a timeless and versatile typeface that has become synonymous with modern design. Its clean lines and geometric shapes lend a sense of professionalism and classiness to any project. It is the main reason for Gotham&#8217;s enduring popularity.</p>



<p>If you want this font, you can download it from this article; check out our Spotify Font Generator. Did you like the article? Share your thoughts in the comment section. You can try Some other Fonts such as <a href="https://different-fonts.com/savoye-font/"> Savoye font</a>, <a href="https://different-fonts.com/toy-soldier-font/"> Toy Shoilder font</a>, <a href="https://different-fonts.com/barbie-font/"> Barbie font</a>,<a href="https://different-fonts.com/san-francisco-font/">  San Francisco Font</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://different-fonts.com/spotify-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
