<?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>adidas font &#8211; Fonts Park</title>
	<atom:link href="https://fontspark.com/tag/adidas-font/feed/" rel="self" type="application/rss+xml" />
	<link>https://fontspark.com</link>
	<description>Best Place For Free Fonts</description>
	<lastBuildDate>Tue, 07 Nov 2023 10:21:50 +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://fontspark.com/wp-content/uploads/2022/04/fontspark-Icon.svg</url>
	<title>adidas font &#8211; Fonts Park</title>
	<link>https://fontspark.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Adidas Font</title>
		<link>https://fontspark.com/adidas-font/</link>
					<comments>https://fontspark.com/adidas-font/#respond</comments>
		
		<dc:creator><![CDATA[Atif]]></dc:creator>
		<pubDate>Tue, 07 Nov 2023 10:19:48 +0000</pubDate>
				<category><![CDATA[Logos]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[Display]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[adidas font]]></category>
		<category><![CDATA[athletic font]]></category>
		<category><![CDATA[branding font]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[ITC Avant Garde Gothic Demi Bold]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[sans serif]]></category>
		<category><![CDATA[sportswear]]></category>
		<category><![CDATA[Texgyreadventor Bold]]></category>
		<category><![CDATA[Windows]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=5224</guid>

					<description><![CDATA[Hello, today I will tell you about the Adidas font that I use. But what]]></description>
										<content:encoded><![CDATA[
<p>Hello, today I will tell you about the Adidas font that I use. But what is Adidas? Adidas is one of the world’s leading sportswear brands. It offers a wide range of products, such as shoes, clothing, accessories, and equipment. Adidas is also known for its innovative and original designs, such as the Adidas Originals, Adidas Performance, and Adidas <a href="https://fontspark.com/yeezy-font/">Yeezy </a>lines.</p>



<h2 class="wp-block-heading">About Adidas Font</h2>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="900" height="500" src="https://fontspark.com/wp-content/uploads/2023/11/Adidas-logo-vs-ITC-Avant-Garde-Gothic-Demi-Bold-font-similarity-example-1.webp" alt="Adidas logo vs ITC Avant Garde Gothic Demi Bold font similarity example" class="wp-image-5230" srcset="https://fontspark.com/wp-content/uploads/2023/11/Adidas-logo-vs-ITC-Avant-Garde-Gothic-Demi-Bold-font-similarity-example-1.webp 900w, https://fontspark.com/wp-content/uploads/2023/11/Adidas-logo-vs-ITC-Avant-Garde-Gothic-Demi-Bold-font-similarity-example-1-300x167.webp 300w, https://fontspark.com/wp-content/uploads/2023/11/Adidas-logo-vs-ITC-Avant-Garde-Gothic-Demi-Bold-font-similarity-example-1-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">Generator</a></div>



<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.myfonts.com/products/avantgarde-demi-avant-garde-gothic-370176" rel="nofollow noopener" target="_blank">Buy</a></div>
</div>



<p></p>



<p>The current Adidas logo also features the word “adidas” in lowercase letters, using a custom font similar to ITC Avant Garde Gothic Demi Bold. It is a geometric sans serif font designed by Herb Lubalin and Tom Carnase. ITC Avant Garde Gothic Demi Bold is a premium font so you need to purchase a license to use it.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="900" height="500" src="https://fontspark.com/wp-content/uploads/2023/11/Adidas-logo-vs-TeX-Gyre-Adventor-Bold-font-similarity-example-1.webp" alt="Adidas logo vs TeX Gyre Adventor Bold font similarity example" class="wp-image-5231" srcset="https://fontspark.com/wp-content/uploads/2023/11/Adidas-logo-vs-TeX-Gyre-Adventor-Bold-font-similarity-example-1.webp 900w, https://fontspark.com/wp-content/uploads/2023/11/Adidas-logo-vs-TeX-Gyre-Adventor-Bold-font-similarity-example-1-300x167.webp 300w, https://fontspark.com/wp-content/uploads/2023/11/Adidas-logo-vs-TeX-Gyre-Adventor-Bold-font-similarity-example-1-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">Generator</a></div>



<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://fontspark.com/wp-content/uploads/2023/11/texgyreadventor-bold.otf">Download</a></div>
</div>



<p></p>



<p>But if you are looking for a free alternative, try Texgyreadventor Bold font. It is designed by GUST e-foundry. You can download and use it for free.</p>



<h2 class="wp-block-heading">About Adidas and Its Logo History</h2>



<p>Adidas was founded in 1949 by <a href="https://en.wikipedia.org/wiki/Adolf_Dassler" rel="nofollow noopener" target="_blank">Adolf “Adi” Dassler</a>, a German shoemaker with a passion for sports and innovation. The name Adidas is derived from the first three letters of his nickname and last name. A simple serif font was used for Adidas&#8217; first logo. It also featured three diagonal stripes, which were originally part of the shoe design but later became a trademark.</p>



<p>Adidas introduced a new logo in 1971, featuring three horizontal stripes in a leaf shape, representing Olympic spirit and diversity. The logo also featured the word “adidas” in lowercase letters, using a sans serif font. The logo was designed by Peter Moore, who also designed the adidas Superstar and the adidas Stan Smith shoes.</p>



<p>In 1990, Adidas unveiled its current logo. It features a triangle-shaped horizontal stripe representing a mountain, which represents the challenges and goals that the brand and its customers face.</p>



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



<p id="font-generator">Our adidas font generator allows you to see how your text looks on social media or other platforms. You can type in 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.</p>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js" defer=""></script>

<style>
  #fontPreviewContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .fontPreviewControls {
  background-color: #f8f8f8;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-left: 5px solid #007bff;
  padding: 2rem;
}

  .liveTypeField {
    margin-bottom: 1rem;
  }

  .fontPreviewWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    width: 500px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    margin-right: 0rem;
    margin-bottom: .5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }

  .fontPreview {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
  }

  .fontPreview img {
    max-height: 100%;
    max-width: 100%;
  }

  .fontPreviewControls button {
    margin-top: 1rem;
    margin-left: .5rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    background-color: #01204D;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
   .fontPreviewControls label {
    font-weight: bold;
  }

  .liveTypeField label {
    font-weight: bold;
  }

  .fontSelector label {
    font-weight: bold;
  }

  .fontSizeField label {
    font-weight: bold;
  }

  .fontColorField label {
    font-weight: bold;
  }

  .backgroundColorField label {
    font-weight: bold;
  }
  
  @media (max-width: 767px) {
  /* Mobile styles */
  #fontPreviewContainer {
    flex-direction: column;
  }
  .fontPreviewControls {
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .fontPreviewWrapper {
    order: -1;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .fontPreview {
    font-size: 3rem;
  }
}
</style>

<script>
  // Load font files using @font-face
  const fontData = [
  { name: "texgyreadventor-bold", file: "texgyreadventor-bold.otf" },
  { name: "itc-avant-garde-gothic-demi", file: "itc-avant-garde-gothic-demi.ttf" }
  ];
  const fonts = fontData
    .map(({ name, file }) => `
      @font-face {
        font-family: "${name}";
        src: url("https://fontspark.com/wp-content/uploads/2023/11/${file}");
        font-display: swap;
      }
    `)
    .join("");
  const styles = document.createElement("style");
  styles.innerHTML = fonts;
  document.head.appendChild(styles);
  
  const previewContainer = document.getElementById("fontPreviewContainer");

// Left column: font controls
const fontPreviewControls = document.createElement("div");
fontPreviewControls.classList.add("fontPreviewControls");
previewContainer.appendChild(fontPreviewControls);

// Live Type Field
const liveTypeField = document.createElement("div");
liveTypeField.classList.add("liveTypeField");
fontPreviewControls.appendChild(liveTypeField);

const liveTypeLabel = document.createElement("label");
liveTypeLabel.htmlFor = "liveTypeInput";
liveTypeLabel.innerText = "Live Type:";
liveTypeField.appendChild(liveTypeLabel);

const liveTypeInput = document.createElement("input");
liveTypeInput.type = "text";
liveTypeInput.classList.add("liveTypeInput");
liveTypeInput.id = "liveTypeInput";
liveTypeInput.value = "adidas font";
liveTypeField.appendChild(liveTypeInput);

// Font Selector
const fontSelectorLabel = document.createElement("label");
fontSelectorLabel.htmlFor = "fontSelector";
fontSelectorLabel.innerText = "Font:";
fontPreviewControls.appendChild(fontSelectorLabel);

const fontSelector = document.createElement("select");
fontSelector.classList.add("fontSelector");
fontSelector.id = "fontSelector";
fontPreviewControls.appendChild(fontSelector);

// Add font options to the selector
fontData.forEach(({ name }) => {
const fontOption = document.createElement("option");
fontOption.text = name;
fontSelector.add(fontOption);
});

// Font Size Slider
const fontSizeField = document.createElement("div");
fontSizeField.classList.add("fontSizeField");
fontPreviewControls.appendChild(fontSizeField);

const fontSizeLabel = document.createElement("label");
fontSizeLabel.htmlFor = "fontSizeInput";
fontSizeLabel.innerText = "Font Size:";
fontSizeField.appendChild(fontSizeLabel);

const fontSizeInput = document.createElement("input");
fontSizeInput.type = "range";
fontSizeInput.min = "12";
fontSizeInput.max = "100";
fontSizeInput.value = "50";
fontSizeInput.classList.add("fontSizeInput");
fontSizeInput.id = "fontSizeInput";
fontSizeField.appendChild(fontSizeInput);

// Font Color Selector
const fontColorField = document.createElement("div");
fontColorField.classList.add("fontColorField");
fontPreviewControls.appendChild(fontColorField);

const fontColorLabel = document.createElement("label");
fontColorLabel.htmlFor = "fontColorInput";
fontColorLabel.innerText = "Font Color:";
fontColorField.appendChild(fontColorLabel);

const fontColorInput = document.createElement("input");
fontColorInput.type = "color";
fontColorInput.value = "#000000";
fontColorInput.classList.add("fontColorInput");
fontColorInput.id = "fontColorInput";
fontColorField.appendChild(fontColorInput);

// Background Color Selector
const backgroundColorField = document.createElement("div");
backgroundColorField.classList.add("backgroundColorField");
fontPreviewControls.appendChild(backgroundColorField);

const backgroundColorLabel = document.createElement("label");
backgroundColorLabel.htmlFor = "backgroundColorInput";
backgroundColorLabel.innerText = "Background Color:";
backgroundColorField.appendChild(backgroundColorLabel);

const backgroundColorInput = document.createElement("input");
backgroundColorInput.type = "color";
backgroundColorInput.value = "#f8f8f8";
backgroundColorInput.classList.add("backgroundColorInput");
backgroundColorInput.id = "backgroundColorInput";
backgroundColorField.appendChild(backgroundColorInput);

fontSelector.addEventListener("change", updatePreview);

fontSizeInput.addEventListener("input", updatePreview);

fontColorInput.addEventListener("input", updatePreview);

backgroundColorInput.addEventListener("input", updatePreview);

liveTypeInput.addEventListener("input", updatePreview);

function updatePreview() {
const fontSelector = document.getElementById("fontSelector");
const fontSizeInput = document.getElementById("fontSizeInput");
const fontColorInput = document.getElementById("fontColorInput");
const backgroundColorInput = document.getElementById("backgroundColorInput");
const liveTypeValue = document.getElementById("liveTypeInput").value;
const fontValue = fontSelector.value;
const fontSizeValue = fontSizeInput.value;
const fontColorValue = fontColorInput.value;
const backgroundColorValue = backgroundColorInput.value;
const fontPreview = document.getElementById("fontPreview");

fontPreview.style.fontFamily = fontValue;
fontPreview.style.fontSize = `${fontSizeValue}px`;
fontPreview.style.color = fontColorValue;
fontPreview.style.backgroundColor = backgroundColorValue;
fontPreview.innerHTML = `<span>${liveTypeValue}</span>`;
}

// Reset Button
const resetButton = document.createElement("button");
resetButton.innerText = "Reset";
fontPreviewControls.appendChild(resetButton);

resetButton.addEventListener("click", () => {
// Set the font selector and font size slider to their default values
fontSelector.selectedIndex = 0;
fontSizeInput.value = 24;
// Set the font color and background color selectors to their default values
fontColorInput.value = "#000000";
backgroundColorInput.value = "#f8f8f8";
// Clear the live type input
liveTypeInput.value = "";

// Reset the font preview
fontPreview.style.fontFamily = fontData[0].name;
fontPreview.style.fontSize = "24px";
fontPreview.style.color = "#000000";
fontPreview.style.backgroundColor = "#f8f8f8";
fontPreview.innerText = "";
});

// Right column: font preview
const fontPreviewWrapper = document.createElement("div");
fontPreviewWrapper.classList.add("fontPreviewWrapper");
previewContainer.appendChild(fontPreviewWrapper);

const fontPreview = document.createElement("div");
fontPreview.classList.add("fontPreview");
fontPreview.id = "fontPreview";
fontPreview.innerText = "Sample Text Preview";
fontPreviewWrapper.appendChild(fontPreview);

// Update the font preview when the font selector or font size slider is changed
fontSelector.addEventListener("change", updatePreview);
fontSizeInput.addEventListener("input", updatePreview);
fontColorInput.addEventListener("input", updatePreview);
backgroundColorInput.addEventListener("input", updatePreview);
liveTypeInput.addEventListener("input", updatePreview);

// Generate Font Preview button
const generateButton = document.createElement("button");
generateButton.innerText = "Download Preview";
fontPreviewControls.appendChild(generateButton);

generateButton.addEventListener("click", () => {
html2canvas(fontPreviewWrapper, {
scale: 2,
}).then((canvas) => {
const link = document.createElement("a");
link.download = "font-preview.png";
link.href = canvas.toDataURL("image/png");
link.click();
});
});
</script>



<p></p>



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



<p>ITC Avant Garde Gothic Demi Bold is a great choice to use as Adidas font and design. But you can also use Texgyreadventor font as a free alternative. You can also check them out on our font generator.</p>



<p>If you liked this font then check out <a href="https://fontspark.com/yeezy-font/">Yeezy</a>, <a href="https://fontspark.com/nike-font-free-download/">Nike</a>, and <a href="https://fontspark.com/rolls-royce-font/">Rolls Royce</a> fonts.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://fontspark.com/arial-font-free-download/arial-font-free/#main/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
