<?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>Ray Larabie &#8211; Fonts Park</title>
	<atom:link href="https://fontspark.com/tag/ray-larabie/feed/" rel="self" type="application/rss+xml" />
	<link>https://fontspark.com</link>
	<description>Best Place For Free Fonts</description>
	<lastBuildDate>Sun, 15 Oct 2023 07:52:21 +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>Ray Larabie &#8211; Fonts Park</title>
	<link>https://fontspark.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Coolvetica Font Free Download</title>
		<link>https://fontspark.com/coolvetica-font/</link>
					<comments>https://fontspark.com/coolvetica-font/#respond</comments>
		
		<dc:creator><![CDATA[Atif]]></dc:creator>
		<pubDate>Mon, 07 Aug 2023 10:31:14 +0000</pubDate>
				<category><![CDATA[Sans Serif]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[Display]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Modern]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[Retro]]></category>
		<category><![CDATA[TrueType]]></category>
		<category><![CDATA[casual font]]></category>
		<category><![CDATA[font coolvetica]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[Fun design]]></category>
		<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Graphic designs]]></category>
		<category><![CDATA[helvetica inspired font]]></category>
		<category><![CDATA[logo design]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[nostalgia font]]></category>
		<category><![CDATA[Ray Larabie]]></category>
		<category><![CDATA[stylish font]]></category>
		<category><![CDATA[trendy font]]></category>
		<category><![CDATA[Typodermic Fonts]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=4676</guid>

					<description><![CDATA[Coolvetica font is inspired by Helvetica. Sometimes it is also called a Helvetica parody. This]]></description>
										<content:encoded><![CDATA[
<p><strong>Coolvetica font</strong> is inspired by <strong><a href="https://fontspark.com/helevetica-font-free-download/">Helvetica</a></strong>. Sometimes it is also called a Helvetica parody. This font may be ideal for typography enthusiasts or designers looking for a unique font for their next project. Now let&#8217;s delve deep into Coolvetica&#8217;s world and learn more about it.</p>



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



<p>Coolvetica font is a sans-serif typeface designed by famous designer <strong><a href="https://en.wikipedia.org/wiki/Ray_Larabie" rel="nofollow noopener" target="_blank">Ray Larabie</a></strong> and published by <strong>Typodermic Fonts</strong>. It is one of his most popular works. He wanted to make a font that was more fun and casual than Helvetica, but still had the same clean and versatile look. Inspired by 1970&#8217;s American logo designs, he created this font. During that era, Helvetica was a popular typeface. So every designer back then was modifying Helvetica to make unique designs, leading to a myriad of playful variations. Coolvetica encapsulates this retro vibe with its ultra-tight kerning and distinctive curls. It&#8217;s primarily a display typeface, well-suited for bold headings, titles, and short passages that demand attention.</p>



<h2 class="wp-block-heading">Effectivity of the 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/08/Coolvetica-Font-in-use.webp" alt="Coolvetica Font in use" class="wp-image-4691" srcset="https://fontspark.com/wp-content/uploads/2023/08/Coolvetica-Font-in-use.webp 900w, https://fontspark.com/wp-content/uploads/2023/08/Coolvetica-Font-in-use-300x167.webp 300w, https://fontspark.com/wp-content/uploads/2023/08/Coolvetica-Font-in-use-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p></p>



<p>Coolvetica&#8217;s clean and unadorned design ensures easy readability, even from a distance. It is a font inspired by Helvetica, a famous font used for many years. Coolvetica has some new and fun features that make it different from Helvetica, but it also keeps some old and classic features that make it familiar. Coolvetica is an excellent font for modern designs that want nostalgia and comfort. Its compact nature allows for efficient space use, making it an excellent choice for limited-space layouts. So you can definitely use this font where there&#8217;s little space.</p>



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



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



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



<h2 class="wp-block-heading">How Our Coolvetica Font Generator Works</h2>



<p>Our Coolvetica Font Generator is a powerful tool that lets you see how your text appears across various platforms. Type in your text, choose the font and customize by adjusting its size, color, and background. The generator offers a real-time preview of changes, allowing you to download both the customized preview and the font itself. You can design unlimited beautiful posters, logos, and banners for free.</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: "coolvetica-rg", file: "coolvetica-rg.otf" },
  { name: "coolvetica-rg-it", file: "coolvetica-rg-it.otf" },
  { name: "coolvetica-crammed-rg", file: "coolvetica-crammed-rg.otf" },
  { name: "coolvetica-condensed-rg", file: "coolvetica-condensed-rg.otf" },
  { name: "coolvetica-compressed-hv", file: "coolvetica-compressed-hv.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 = "Coolvetica 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>



<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/download/coolvetica-font/">Download</a></div>
</div>



<p></p>



<h2 class="wp-block-heading">Font Suggestions to Explore</h2>



<p>Coolvetica is a font that looks cool and trendy but might not work for every project or purpose. You might need different fonts that show different feelings and ideas. This depends on who you are talking to, what you are saying, how you are saying it, and how you want it to look. That&#8217;s why we suggest you try some of the following fonts:</p>



<ul class="wp-block-list">
<li><strong><a href="https://fontspark.com/times-new-roman-font-free/">Times New Roman</a></strong></li>



<li><strong><a href="https://fontspark.com/superspace-light-font/">Superspace Light Font</a></strong></li>



<li><strong><a href="https://fontspark.com/mr-beast-font/">Mr. Beast Font</a></strong></li>
</ul>



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



<p>Coolvetica font is a modern and trendy font inspired by the famous Helvetica font. It was created by Ray Larabie in 1999, who wanted a fun and casual font. It is a testament to Ray Larabie’s design ingenuity. By embracing this font in design projects, creators can breathe life into titles, headings, and passages. This will elevate their work to new levels of visual impact and allure.</p>



<p>Looking for more font inspirations? Check these fonts out now <strong><a href="https://fontspark.com/rolls-royce-font/">Rolls Royce</a></strong>, <a href="https://fontspark.com/raleway-font-free-download/"><strong>Raleway</strong></a>, <a href="https://fontspark.com/eras-font-free-download/"><strong>Eras</strong></a>, <a href="https://fontspark.com/persona-5-font/"><strong>Persona 5</strong></a>, <a href="https://fontspark.com/rae-dunn-font/"><strong>Rae Dunn</strong></a>, and <a href="https://fontspark.com/helevetica-font-free-download/"><strong>Helvetica</strong></a>.</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>
		<item>
		<title>Nasa Font Free Download</title>
		<link>https://fontspark.com/nasa-font-free-download/</link>
					<comments>https://fontspark.com/nasa-font-free-download/#respond</comments>
		
		<dc:creator><![CDATA[Atif]]></dc:creator>
		<pubDate>Wed, 23 Feb 2022 20:23:02 +0000</pubDate>
				<category><![CDATA[TrueType]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[Brand]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Christmas]]></category>
		<category><![CDATA[Commercially Free]]></category>
		<category><![CDATA[Google Fonts]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Movie]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[Serif]]></category>
		<category><![CDATA[Symbol]]></category>
		<category><![CDATA[TV Show]]></category>
		<category><![CDATA[Valentine]]></category>
		<category><![CDATA[Android OS]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[Google Docs]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Nasa Font]]></category>
		<category><![CDATA[Operating System]]></category>
		<category><![CDATA[Ray Larabie]]></category>
		<category><![CDATA[Typodermic]]></category>
		<category><![CDATA[Windows]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=1429</guid>

					<description><![CDATA[About The Font Today we will introduce a sans serif typeface font the NASA font.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="700" height="400" src="https://fontspark.com/wp-content/uploads/2022/02/Nasa-font-character-map.webp" alt="Nasa-font-character-map" class="wp-image-2124" srcset="https://fontspark.com/wp-content/uploads/2022/02/Nasa-font-character-map.webp 700w, https://fontspark.com/wp-content/uploads/2022/02/Nasa-font-character-map-300x171.webp 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="700" height="400" src="https://fontspark.com/wp-content/uploads/2022/02/Nasa-font.webp" alt="Nasa-font" class="wp-image-2125" srcset="https://fontspark.com/wp-content/uploads/2022/02/Nasa-font.webp 700w, https://fontspark.com/wp-content/uploads/2022/02/Nasa-font-300x171.webp 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure>



<h2 class="wp-block-heading" id="about-reckoner-font">About The Font</h2>



<p>Today we will introduce a <a href="https://fontspark.com/category/sans-serif/">sans serif typeface</a> font the NASA font. Most of us know that <a href="https://www.nasa.gov/" rel="nofollow noopener" target="_blank">NASA</a> is the America based National Aeronautics and Space Administration. To design the logo of NASA the NASALIZATION font was used. As the NASA logo font this font is very well known worldwide. Two&nbsp; different fonts were used in the logo of NASA, one is NASALIZATION and the other one is Bambi. Our topic is NASALIZATION which is more commonly known as the NASA font.</p>



<p>NASA font was designed by a famous Canadian typeface designer <a href="https://typodermicfonts.com/about/" rel="nofollow noopener" target="_blank">Ray Larabie </a>and published by the Typodermic font foundry. Ray Larabie also designed many other famous fonts, such as; Tussilago, Divulge, Madawaska, Tandelle, Kelvingrove, Octin, Cardigan, Scheme, Presicav, Milibus,&nbsp; Report, Transmute, etc.</p>



<p>The NASA font has only one style and that is NASA regular and has six different weights. NASA font has 762 characters and 565 unique glyphs. The font has only the uppercase available both in Opentype and Truetype. It supports more than 50 languages. All the popular operating systems like windows, macOS, linux, ios, android, etc. supports the NASA font.&nbsp;</p>



<p>The NASA font is free for both personal and commercial use. You can use this font for personal purposes and also for commercial purposes without paying a single penny. But any type of modification and reselling is extremely prohibited.</p>



<p>Therefore, if you want to enjoy the worldwide famous beautiful NASA font then do not wait any longer. Just click on the download button and start your journey with the NASA font. Download procedure is easy and secure.</p>



<h2 class="wp-block-heading" id="usages">Usages</h2>



<p>NASA font is basically a logo font, so we can easily guess that this font will mostly suit the Logo. More specifically the brand logo is the best designing option by the NASA font. NASA is a dimensionless font which looks very attractive.&nbsp;</p>



<p>You can use the NASA font in different kinds of projects like, brand naming, product packaging design, banner design, poster design, etc. You can also design visiting cards, greetings cards, etc.&nbsp;</p>



<p>Both web design and printing&nbsp; design can be handy with the NASA font. Uses range of the NASA font is very wide.&nbsp;</p>



<p>As a flexible font, NASA fonts can be used in different kinds of projects.It has no boundaries or restrictions.</p>



<p>Now it&#8217;s your turn to make the decision where you will apply the power of Nasa Font.</p>



<h2 class="wp-block-heading" id="font-information"><strong>Font information</strong></h2>



<figure class="wp-block-table"><table><tbody><tr><td>Name</td><td>Nasa Font</td></tr><tr><td>Style</td><td>Serif</td></tr><tr><td>Designer</td><td>Ray Larabie</td></tr><tr><td>File Format</td><td><a href="https://fontspark.com/category/opentype/">OTF</a><a href="https://freefontsvault.com/fonts/opentype/" rel="nofollow noopener" target="_blank">,</a><a href="https://fontspark.com/category/truetype/"> TTF</a></td></tr><tr><td>Font Licence</td><td>Free for <a href="https://fontspark.com/category/personal/">Personal</a> Use</td></tr><tr><td>Type</td><td>Free Version</td></tr></tbody></table></figure>



<h2 class="wp-block-heading" id="surfing-capital-free-download"><strong>Download</strong></h2>



<p>The free Nasa typeface is now available. You are not required to sign up, submit an email address, subscribe, or offer any other information. Simply click the download button to begin having infinite fun.</p>



<div class="wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://fontspark.com/download/nasa-font/">Download</a></div>
</div>



<p></p>



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



<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: "nasalization-rg", file: "nasalization-rg.ttf" }
  ];
  const fonts = fontData
    .map(({ name, file }) => `
      @font-face {
        font-family: "${name}";
        src: url("https://fontspark.com/wp-content/uploads/2022/02/${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 = "NASA 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" id="font-family">Font Family Includes </h2>



<p>It has a total of six weights both for regular and italic styles.</p>



<ul class="wp-block-list">
<li>Nasa Regular</li>



<li>Nasa <a href="https://fontspark.com/category/bold/">Bold</a></li>



<li>Nasa Italic</li>
</ul>



<h2 class="wp-block-heading" id="similar-to-surfing-capital-font"><strong>Similar</strong> Font</h2>



<p>Some similar fonts to Nasa Font are given below. You can try them too.</p>



<ul class="wp-block-list">
<li>SB Vibe</li>



<li>Zeroes</li>



<li>Armadura</li>



<li>JoyRider</li>



<li>SkyWing</li>



<li>Ribbed</li>



<li>Plan</li>



<li>PhosphateInline</li>



<li>Armadura</li>



<li>Porsche</li>



<li>Bobo</li>



<li>JoyRider</li>



<li>Alpha Delta</li>
</ul>



<h2 class="wp-block-heading" id="surfing-capital-font-pairing"><strong>Font Pairing</strong></h2>



<p>You must be well aware that there are no hard and fast rules when it comes to font pairing. It relies on the nature of your project, your objectives, and your design thoughts. However, for your convenience, we&#8217;ve included several combinations.</p>



<ul class="wp-block-list">
<li>All Round Gothic</li>



<li>Edward Benguiat</li>



<li>Victor Caruso </li>



<li>Herbert Bayer</li>
</ul>



<h2 class="wp-block-heading" id="license-information"><strong>License Information</strong></h2>



<p>&#8220;Nasa&#8221; is a free font that you may use in your projects. However, if you want to use it for a fee or in a commercial enterprise, you can either purchase it or contact the creator for permission.</p>



<h2 class="wp-block-heading" id="surfing-capital-font-language-support"><strong>Supported Languages </strong></h2>



<p>The Nasa Font is available in many different languages. We&#8217;ve gathered a list of them all below:</p>



<p>English, Greek, Greenlandic, Guarani, Haitian Creole, Hausa, Hawaiian, Hiligaynon, Hill Mari, Hmong, Hopi, Hungarian, Ibanag, Icelandic, Iloko Belarusian, Bislama, Bosnian, Breton, Bulgarian, Buryat (Cyrillic), Catalan, Cebuano, Chamorro, Chechen, Cheyenne, Chichewa (Nyanja), Chuvash, Cimbrian, Corsican, Croatian.</p>



<h2 class="wp-block-heading" id="faqs"><strong>FAQs</strong></h2>


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1658316327098" class="rank-math-list-item">
<div class="rank-math-question "><strong>What type of font is <strong>Nasa</strong></strong> <strong>Font?</strong></div>
<div class="rank-math-answer ">

<p><strong>Ans: </strong>Nasa is a serif typeface. It was released by Typodermic, a well-known font foundry founded by Ray Larabie.</p>

</div>
</div>
<div id="faq-question-1658316336084" class="rank-math-list-item">
<div class="rank-math-question "><strong>Can I use the </strong>Nasa font on my website<strong>?</strong></div>
<div class="rank-math-answer ">

<p><strong>Ans: </strong>Yes, you can. You can use it on the website both for designing and titling. It will increase the beauty of your website.</p>

</div>
</div>
<div id="faq-question-1658316348860" class="rank-math-list-item">
<div class="rank-math-question "><strong>Is Nasa Font a free font?</strong></div>
<div class="rank-math-answer ">

<p><strong>Ans: </strong>Nasa Font has both free and paid versions. To get full-access, you need to buy the paid version. But there are a lot of advanced features in the free version through which you can manage all your personal projects and many<a href="https://fontspark.com/category/commercial/"> commercial</a> projects.</p>

</div>
</div>
<div id="faq-question-1658316366359" class="rank-math-list-item">
<div class="rank-math-question "><strong>Can I download and use the </strong>Nasa font<strong> on my PC and Mac?</strong></div>
<div class="rank-math-answer ">

<p><strong>Ans: </strong>Yes, it is available for all electronic devices and operating systems. You can simply download and use Nasa Font on your PC and Mac. </p>

</div>
</div>
<div id="faq-question-1658316388950" class="rank-math-list-item">
<div class="rank-math-question "><strong>Can I use the </strong>Nasa font<strong> for my logo?</strong></div>
<div class="rank-math-answer ">

<p><strong>Ans: </strong>Yes, you can make static, animated, and 3D logos with the Nasa Font.</p>

</div>
</div>
<div id="faq-question-1658316400690" class="rank-math-list-item">
<div class="rank-math-question "><strong>How to Install Nasa Font in Adobe, Ms. Word, Mac, or PC?</strong></div>
<div class="rank-math-answer ">

<p><strong>Ans:</strong> Please check the installation process of the Nasa Font for Adobe, MS Word, Mac, and PC.</p>

</div>
</div>
</div>
</div>


<p>Thank you!      </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>
