<?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>YouTube Sans &#8211; Fonts Park</title>
	<atom:link href="https://fontspark.com/tag/youtube-sans/feed/" rel="self" type="application/rss+xml" />
	<link>https://fontspark.com</link>
	<description>Best Place For Free Fonts</description>
	<lastBuildDate>Sun, 17 Sep 2023 13:22:04 +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>YouTube Sans &#8211; Fonts Park</title>
	<link>https://fontspark.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Youtube Font &#038; Free Generator</title>
		<link>https://fontspark.com/youtube-font/</link>
					<comments>https://fontspark.com/youtube-font/#respond</comments>
		
		<dc:creator><![CDATA[Atif]]></dc:creator>
		<pubDate>Sat, 19 Aug 2023 11:25:28 +0000</pubDate>
				<category><![CDATA[Sans Serif]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[Display]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[Retro]]></category>
		<category><![CDATA[TrueType]]></category>
		<category><![CDATA[Arial Font]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[google font]]></category>
		<category><![CDATA[headings]]></category>
		<category><![CDATA[Helvetica font]]></category>
		<category><![CDATA[impact font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[Product Sans Font]]></category>
		<category><![CDATA[type studio]]></category>
		<category><![CDATA[youtube]]></category>
		<category><![CDATA[youtube font]]></category>
		<category><![CDATA[youtube font generator]]></category>
		<category><![CDATA[YouTube Sans]]></category>
		<category><![CDATA[youtube sans font]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=4817</guid>

					<description><![CDATA[It is our pleasure to introduce you to the Youtube font. And YouTube is one]]></description>
										<content:encoded><![CDATA[
<p>It is our pleasure to introduce you to the <strong>Youtube font</strong>. And <strong>YouTube</strong> is one of the most popular and influential platforms for online video content. It was founded in 2005. It has millions of creators and viewers who upload and watch videos on various topics, such as music, gaming, education, entertainment, and more. YouTube also has a distinctive and recognizable logo that represents its brand and identity. The logo consists of a red play button and the word “YouTube” in white.</p>



<h2 class="wp-block-heading">What Font Does Youtube Use?</h2>



<p>The company&#8217;s logo uses a font called <strong>YouTube Sans</strong>, designed by Google&#8217;s internal font foundry, Type Studio. They collaborated with Saffron Brand Consultants to create the logo. YouTube Sans font was launched in 2017 as part of YouTube’s rebranding and redesign. It is a geometric sans-serif font that is modern and minimalist. It is inspired by the play button shape.</p>



<p>YouTube Sans font has rounded edges and a friendly appearance. It is a versatile font you can use for various purposes, including headlines, titles, and logos.</p>



<h2 class="wp-block-heading">Similar To YouTube Fonts</h2>



<p>YouTube Sans is a property of <strong><a href="https://en.wikipedia.org/wiki/Google" rel="nofollow noopener" target="_blank">Google</a></strong>. So you can&#8217;t use the font without their permission. But we found a few alternatives that look similar to the logo. You can use them to create a replica logo with the same feeling.</p>



<h2 class="wp-block-heading">Kenyan Coffee</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/08/Youtube-logo-vs-Kenyan-Coffee-font-similarity-example.webp" alt="Youtube logo vs Kenyan Coffee font similarity example" class="wp-image-4828" srcset="https://fontspark.com/wp-content/uploads/2023/08/Youtube-logo-vs-Kenyan-Coffee-font-similarity-example.webp 900w, https://fontspark.com/wp-content/uploads/2023/08/Youtube-logo-vs-Kenyan-Coffee-font-similarity-example-300x167.webp 300w, https://fontspark.com/wp-content/uploads/2023/08/Youtube-logo-vs-Kenyan-Coffee-font-similarity-example-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p>You can also use the <strong>Kenyan Coffee</strong> font. It is a free alternative to Youtube font. Kenyan Coffee font is a typeface that was inspired by the compact and blocky headlines of the 1960s. It was designed by Raymond Larabie, a Canadian type designer who has created over 600 fonts. </p>



<p>Kenyan Coffee font is a slim and elegant font that has a smooth and natural flow. It is suitable for display purposes, such as logos, banners, posters, and more. You can also use this font to create a similar logo to Youtube.</p>



<h2 class="wp-block-heading">Trade Gothic Bold Condensed</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="900" height="500" src="https://fontspark.com/wp-content/uploads/2023/08/Youtube-logo-vs-Trade-Gothic-Bold-Condensed-font-similarity-example.webp" alt="Youtube logo vs Trade Gothic Bold Condensed font similarity example" class="wp-image-4830" srcset="https://fontspark.com/wp-content/uploads/2023/08/Youtube-logo-vs-Trade-Gothic-Bold-Condensed-font-similarity-example.webp 900w, https://fontspark.com/wp-content/uploads/2023/08/Youtube-logo-vs-Trade-Gothic-Bold-Condensed-font-similarity-example-300x167.webp 300w, https://fontspark.com/wp-content/uploads/2023/08/Youtube-logo-vs-Trade-Gothic-Bold-Condensed-font-similarity-example-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p>Trade Gothic Bold Condensed is another font that looks very similar to the YouTube logo. This is a type of font that has no small strokes at the end of each letter, and it was created by Jackson Burke in 1948. Many people like to use this font for advertising and print design because it can fit different styles and it is easy to read.</p>



<h2 class="wp-block-heading">Other Fonts Used in Google</h2>



<p>In addition to YouTube Sans font, YouTube also uses other fonts in its branding and marketing materials. These fonts include:</p>



<h2 class="wp-block-heading">Product Sans</h2>



<p>This is Google&#8217;s corporate font, used in the YouTube logo and other branding elements. <strong><a href="https://fontspark.com/product-sans-font-free-download/">Product Sans</a></strong> is a typeface created by Google for its branding and identity. It is a geometric sans-serif font with a simple and elegant look. It is inspired by the letter-printing style used in schoolbooks in the past, but it also has a modern and consistent feel.</p>



<p>It is used for the Google logo, as well as for other products and services Google offers such as Google Photos, Google Maps, Google Assistant, and more.</p>



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



<p><strong><a href="https://fontspark.com/arial-font-free-download/">Arial</a> </strong>is a sans-serif font designed by Robin Nicholas and Patricia Saunders in 1982. It is one of the most widely used fonts in the world, especially in digital media. Arial is often compared to <strong>Helvetica</strong>, another popular sans-serif font designed by Max Miedinger.</p>



<p>Google uses Arial for its search engine results page (SERP), which displays links and snippets of websites that match the user’s query.</p>



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



<p><strong><a href="https://fontspark.com/impact-font-free-download/">Impact</a></strong> font is a sans-serif font designed by <strong>Geoffrey Lee</strong> in 1965 and released by the Stephenson Blake foundry of Sheffield. It is commonly used in headings, titles, thumbnails, logos, and other display purposes. It is included in the core fonts for the Web package and distributed with Microsoft Windows since Windows 98.</p>



<p>Google uses Impact as one of its YouTube fonts. Some of the buttons and menus on the website use it for video thumbnails and titles.</p>



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



<p>Our <strong>Youtube Font Generator </strong>and Preview Creator tools offer a dynamic way to visualize and test YouTube Sans font and other Youtube fonts. Users can:</p>



<ul class="wp-block-list">
<li>Select the font from a drop-down list</li>



<li>Customize it live, adjusting the size, color, and background</li>



<li>View changes in real-time</li>



<li>Download the generated font preview as an image file</li>



<li>Download the font for your own use.</li>
</ul>



<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: "kenyc", file: "kenyc.ttf" },
  { name: "Product-Sans-Regular", file: "Product-Sans-Regular.ttf" },
  { name: "Trade-Gothic-Bold-Condensed", file: "Trade-Gothic-Bold-Condensed.otf" }
  ];
  const fonts = fontData
    .map(({ name, file }) => `
      @font-face {
        font-family: "${name}";
        src: url("https://fontspark.com/wp-content/uploads/2023/08/${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 = "YouTube";
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>



<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="https://fontspark.com/wp-content/uploads/2023/08/Trade-Gothic-Bold-Condensed.otf">Get Trade Gothic font</a></div>
</div>



<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="https://fontspark.com/wp-content/uploads/2023/08/kenyc.ttf">Download Kenyan Coffee</a></div>
</div>



<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="https://fontspark.com/product-sans-font-free-download/">Download Product Sans</a></div>
</div>



<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="https://fontspark.com/arial-font-free-download/">Get Arial</a></div>
</div>



<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="https://freefontsvault.com/impact-font/" rel="nofollow noopener" target="_blank">Get Impact</a></div>
</div>



<h2 class="wp-block-heading">Origin and History of Youtube</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="900" height="500" src="https://fontspark.com/wp-content/uploads/2023/08/Youtube-font-logo.webp" alt="Youtube font logo" class="wp-image-4827" srcset="https://fontspark.com/wp-content/uploads/2023/08/Youtube-font-logo.webp 900w, https://fontspark.com/wp-content/uploads/2023/08/Youtube-font-logo-300x167.webp 300w, https://fontspark.com/wp-content/uploads/2023/08/Youtube-font-logo-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p>YouTube is a platform that allows you to watch and share videos on various topics, such as music, gaming, education, entertainment, and more. You can also create your own channel and upload your own videos, or subscribe to other channels and follow your favorite creators. YouTube also has live streaming, playlists, comments, likes, and more.</p>



<p><strong><a href="https://en.wikipedia.org/wiki/YouTube" rel="nofollow noopener" target="_blank">YouTube</a></strong> was founded in 2005 by three former PayPal employees: <strong>Chad Hurley, Steve Chen, </strong>and<strong> Jawed Karim</strong>. They wanted to create a website where people could easily upload and share their personal videos. Youtube grew rapidly after that and in 2006, Google bought Youtube. They bought it for 1.65 billion dollars. Since then, YouTube has expanded its services and features, such as YouTube Music, YouTube Premium, YouTube TV, YouTube Kids, YouTube Shorts, and more.</p>



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



<p>YouTube font is a proprietary font belonging to YouTube and Google. It is not available for public use or download. However, you can find some similar free or open-source fonts on our website. Such as, Kenyan Coffee, Arial, Impact, and more.</p>



<p>We hope you enjoyed this article about YouTube fonts. If you have questions or feedback, please leave a comment below. We would love to hear from you. 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>
