<?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>Morris Fuller Benton &#8211; Fonts Park</title>
	<atom:link href="https://fontspark.com/tag/morris-fuller-benton/feed/" rel="self" type="application/rss+xml" />
	<link>https://fontspark.com</link>
	<description>Best Place For Free Fonts</description>
	<lastBuildDate>Sat, 25 Nov 2023 11:43:09 +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>Morris Fuller Benton &#8211; Fonts Park</title>
	<link>https://fontspark.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Agency FB Font</title>
		<link>https://fontspark.com/agency-fb-font/</link>
					<comments>https://fontspark.com/agency-fb-font/#respond</comments>
		
		<dc:creator><![CDATA[Atif]]></dc:creator>
		<pubDate>Sat, 25 Nov 2023 11:43:06 +0000</pubDate>
				<category><![CDATA[Bold]]></category>
		<category><![CDATA[Brand]]></category>
		<category><![CDATA[Display]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[TrueType]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Agency FB]]></category>
		<category><![CDATA[Authority]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Clean Lines]]></category>
		<category><![CDATA[David Berlow]]></category>
		<category><![CDATA[Editorial Design]]></category>
		<category><![CDATA[Font Bureau]]></category>
		<category><![CDATA[geometric]]></category>
		<category><![CDATA[Legible]]></category>
		<category><![CDATA[modern]]></category>
		<category><![CDATA[Morris Fuller Benton]]></category>
		<category><![CDATA[Open Counters]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[Sophistication]]></category>
		<category><![CDATA[versatile]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=5277</guid>

					<description><![CDATA[Font View Agency FB font was designed by David Berlow and published by The Font]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Font View</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/Agency-FB-Font-Characters-and-Symbols-View.webp" alt="Agency FB Font Characters and Symbols View" class="wp-image-5287" srcset="https://fontspark.com/wp-content/uploads/2023/11/Agency-FB-Font-Characters-and-Symbols-View.webp 900w, https://fontspark.com/wp-content/uploads/2023/11/Agency-FB-Font-Characters-and-Symbols-View-300x167.webp 300w, https://fontspark.com/wp-content/uploads/2023/11/Agency-FB-Font-Characters-and-Symbols-View-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">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/agencyfb-reg.ttf">Download</a></div>
</div>



<p></p>



<p>Agency FB font was designed by <strong>David Berlow</strong> and published by <a href="https://typenetwork.com/type-foundries/font-bureau" rel="nofollow noopener" target="_blank">The Font Bureau</a>, Inc., a digital type foundry that produces high-quality fonts. Agency FB font is based on the original Agency Gothic font, created by <strong>Morris Fuller Benton</strong> in 1932.<a href="#font-generator">#font-generator</a> David Berlow expanded the design from a capital-only title face. It suits various design projects, such as logos, posters, flyers, banners, headlines, or titles.</p>



<p>Agency FB has been used in various high-profile applications. It is the main font in the 2011 video game &#8220;<a href="https://en.wikipedia.org/wiki/Crysis_2" rel="nofollow noopener" target="_blank">Crysis 2</a>&#8221; and the 2012 video game &#8220;<a href="https://en.wikipedia.org/wiki/Call_of_Duty:_Black_Ops_II" rel="nofollow noopener" target="_blank">Call of Duty: Black Ops 2</a>&#8220;. It has also been used in the logo for the &#8220;<a href="https://en.wikipedia.org/wiki/Interstellar_Marines" rel="nofollow noopener" target="_blank">Interstellar Marines</a>&#8221; video game trilogy, as well as by the Vancouver Canucks NHL club, in a modified form, and by Nike for their ice hockey uniforms since the 2010 Winter Olympics.</p>



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



<p id="font-generator">Our Agency FB font generator is a powerful tool that allows you to visualize your text on various platforms. You can type 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: "agencyfb-reg", file: "agencyfb-reg.ttf" },
  { name: "agencyfb-bold", file: "agencyfb-bold.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 = "Agency FB 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>The Agency FB font is valuable to any designer&#8217;s toolkit, offering versatility, impact, and vintage charm. Its wide range of weights and styles makes it suitable for various design projects. Explore the possibilities with Agency FB and elevate your design game.</p>



<p>You can also check out other fonts such as <a href="https://fontspark.com/netflix-font/">Netflix</a>, <a href="https://fontspark.com/adidas-font/">Adidas</a>, and <a href="https://fontspark.com/ms-gothic-font/">MS Gothic</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>
		<item>
		<title>Hobo Font</title>
		<link>https://fontspark.com/hobo-font/</link>
					<comments>https://fontspark.com/hobo-font/#respond</comments>
		
		<dc:creator><![CDATA[Atif]]></dc:creator>
		<pubDate>Mon, 27 Dec 2021 20:40:00 +0000</pubDate>
				<category><![CDATA[3D Fonts]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[Brand]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Christmas]]></category>
		<category><![CDATA[Commercially Free]]></category>
		<category><![CDATA[Geometric]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Movie]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[Styling]]></category>
		<category><![CDATA[Symbol]]></category>
		<category><![CDATA[TrueType]]></category>
		<category><![CDATA[TV Show]]></category>
		<category><![CDATA[Valentine]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[Hobo Std Font]]></category>
		<category><![CDATA[Morris Fuller Benton]]></category>
		<category><![CDATA[ultra-modern]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=704</guid>

					<description><![CDATA[Hobo font is a sans-serif typeface designed by Morris Fuller Benton in 1910. It is]]></description>
										<content:encoded><![CDATA[
<p>Hobo font is a <strong><a href="https://fontspark.com/category/sans-serif/">sans-serif</a> </strong>typeface designed by Morris Fuller Benton in 1910. It is characterized by its bold, geometric shapes, wide spacing, and lack of serifs. Hobo was originally intended for use in advertising and signage, but it has since become a popular choice for a variety of design projects, including headlines, logos, and packaging.</p>



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



<p>Hobo font is a versatile one that you can use in many ways. It is particularly well-suited to use in headlines and logos, where its bold and eye-catching appearance can make a statement. Hobo can also be used for body copy, but only in short amounts.</p>



<p>Hobo font or known as Hobo Std is available in three weights. They are Hobo Std regular, Hobo Std medium, and Hobo Std bold. The regular weight is the most versatile and you can use it for various projects. The medium weight is slightly heavier and you can use it for headlines and logos that need more weight. The bold weight is the heaviest and should be applied sparingly, but it is very effective at making a strong statement. But it isn&#8217;t a free font. Adobe has a copyright claim to it.</p>



<h2 class="wp-block-heading">Where Does The Hobo Font Come From?</h2>



<p><strong><a href="https://en.wikipedia.org/wiki/Morris_Fuller_Benton" rel="nofollow noopener" target="_blank">Morris Fuller Benton</a></strong> was a prolific type designer who created many popular typefaces, including Franklin Gothic, News Gothic, and Century Schoolbook. Hobo was inspired by the Art Nouveau movement, popular at the time. Art Nouveau typefaces feature flowing curves and organic shapes. Hobo takes this inspiration and combines it with Benton&#8217;s own unique style to create a bold and distinctive typeface.</p>



<p>The name “hobo” has several possible origins, but none are confirmed. One theory is that it was derived from the word “hoboes”, which refers to homeless or migrant workers who traveled across America seeking jobs. Another theory is that it was inspired by a Russian tobacco poster that spelled “НОВО” (“New”) in Cyrillic letters, which resembled the word “HOBO” in Latin letters. A third theory is that it was simply a nickname given by the foundry workers who worked on the font.</p>



<h2 class="wp-block-heading">Effectiveness of Hobo</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="900" height="500" src="https://fontspark.com/wp-content/uploads/2021/12/Hobo-used-in-Various-places.webp" alt="Hobo used in Various places" class="wp-image-4705" srcset="https://fontspark.com/wp-content/uploads/2021/12/Hobo-used-in-Various-places.webp 900w, https://fontspark.com/wp-content/uploads/2021/12/Hobo-used-in-Various-places-300x167.webp 300w, https://fontspark.com/wp-content/uploads/2021/12/Hobo-used-in-Various-places-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p>Hobo font has a long and rich usage history. It has been used for various display purposes, such as invitations, menus, signage, and packaging. It has also been used in popular culture, such as in the title sequence and promotional materials of the 1969 film <strong><a href="https://en.wikipedia.org/wiki/Butch_Cassidy_and_the_Sundance_Kid" rel="nofollow noopener" target="_blank">Butch Cassidy and the Sundance Kid</a></strong>, in the opening titles of <strong><a href="https://en.wikipedia.org/wiki/The_Dukes_of_Hazzard" rel="nofollow noopener" target="_blank">The Dukes of Hazzard</a></strong> TV show, in the logo of Ubu Productions from 1982 to 2002, and in the title card sequence of the Winx Club TV show. It has been also used in song albums, Product labels, and more. </p>



<p>Hobo&#8217;s unique design makes it incredibly effective in specific contexts. Its rounded and whimsical nature is ideally suited for informal settings, making it a favorite for party invitations, children&#8217;s books, and casual branding. You can also use it for various industries and themes, such as food, entertainment, travel, art, and more.</p>



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



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="400" src="https://fontspark.com/wp-content/uploads/2021/12/Hobo-Std-font-Character-map.webp" alt="Hobo Std font Character map" class="wp-image-2449" srcset="https://fontspark.com/wp-content/uploads/2021/12/Hobo-Std-font-Character-map.webp 700w, https://fontspark.com/wp-content/uploads/2021/12/Hobo-Std-font-Character-map-300x171.webp 300w" sizes="(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/2021/12/Hobo-Std-font.webp" alt="Hobo Std font" class="wp-image-2450" srcset="https://fontspark.com/wp-content/uploads/2021/12/Hobo-Std-font.webp 700w, https://fontspark.com/wp-content/uploads/2021/12/Hobo-Std-font-300x171.webp 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure>



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



<p>Do you want a visual representation of the font at work before downloading it? Then try out our <strong>Hobo Font Generator.</strong> Simply type in your text, choose the Hobo font, and customize it to your liking. Whether you&#8217;re adjusting the size, color, or background, our generator provides a real-time preview. Once satisfied, you can download both the customized preview and the Hobo font 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: "Hobo-Std-Font", file: "Hobo-Std-Font.otf" }
  ];
  const fonts = fontData
    .map(({ name, file }) => `
      @font-face {
        font-family: "${name}";
        src: url("https://fontspark.com/wp-content/uploads/2021/12/${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 = "Hobo 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-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/hobo-std-font/">Download</a></div>
</div>



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



<p>Hobo Std Font has three styles, which make it versatile.</p>



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



<li>Hobo Std Bold</li>



<li>Hobo Std Heavy</li>
</ul>



<h2 class="wp-block-heading">Suggested Fonts</h2>



<p>Hobo font has a bold, geometric style, and wide spacing, but it may not be the most appropriate choice for every project or purpose. You may want to use different fonts that show different feelings and ideas. There are several factors to consider: who you&#8217;re speaking to, what you&#8217;re saying, how you&#8217;re saying it, and how you&#8217;d like it to appear. That’s why we suggest trying some of the following fonts:</p>



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



<p>When it comes to font matching, you should be aware that there are no hard and fast rules. It is determined by the type of your project, its objectives, and design concepts. </p>



<p>And, as you may be aware, Hobo Std Font is widely recognized for its matching capabilities. As a result, you can easily match it to any typeface. However, for your convenience, we’ve included a number of combinations.</p>



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



<li>Savate</li>



<li>Hobeaux</li>



<li>Eckmannpsych</li>
</ul>



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


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1659253781101" class="rank-math-list-item">
<div class="rank-math-question "><strong>What type of font Is Hobo Std?</strong></div>
<div class="rank-math-answer ">

<p><strong>Ans: </strong>Hobo Std Font is an ultra-modern sans-serif typeface. It was created by a well-known graphic designer, Morris Fuller Benton.</p>

</div>
</div>
<div id="faq-question-1659253849269" class="rank-math-list-item">
<div class="rank-math-question "><strong>Can I use Hobo Std Font on My Website?</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-1659253876696" class="rank-math-list-item">
<div class="rank-math-question "><strong>Is Hobo Std</strong> <strong>font a free font?</strong></div>
<div class="rank-math-answer ">

<p><strong>Ans: </strong>Hobo Std has both free and paid versions. For getting full access you need to buy the paid version.</p>

</div>
</div>
<div id="faq-question-1659253896912" class="rank-math-list-item">
<div class="rank-math-question "><strong>Can I download and use Hobo Std font 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 Hobo Std on your PC and Mac. </p>

</div>
</div>
<div id="faq-question-1659253926073" class="rank-math-list-item">
<div class="rank-math-question "><strong>How to Install Hobo Std 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 Hobo Std font for Adobe, MS Word, Mac, and PC.</p>

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


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



<p>Hobo font, with its rich history and distinctive style, is a testament to typography&#8217;s power. Whether you&#8217;re a designer seeking a playful vibe or a brand aiming for a casual tone, Hobo and its variations are worth considering.</p>



<p>However, remember it isn&#8217;t free for commercial use. So you should buy a license from Adobe before using any design for business.</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>Wolverine Font Free Download</title>
		<link>https://fontspark.com/wolverine-font-free-download/</link>
					<comments>https://fontspark.com/wolverine-font-free-download/#respond</comments>
		
		<dc:creator><![CDATA[Atif]]></dc:creator>
		<pubDate>Tue, 30 Nov 2021 12:20:49 +0000</pubDate>
				<category><![CDATA[Brand]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Comic]]></category>
		<category><![CDATA[Commercially Free]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Movie]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[Symbol]]></category>
		<category><![CDATA[TrueType]]></category>
		<category><![CDATA[TV Show]]></category>
		<category><![CDATA[Bank Gothic Bold]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[gorgeous font]]></category>
		<category><![CDATA[GroupType]]></category>
		<category><![CDATA[Morris Fuller Benton]]></category>
		<category><![CDATA[superhero film]]></category>
		<category><![CDATA[Wolverine Font]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=513</guid>

					<description><![CDATA[About The Font Basically, Wolverine is a superhero film that was released in 2013. In]]></description>
										<content:encoded><![CDATA[<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="700" height="400" src="https://fontspark.com/wp-content/uploads/2021/11/Wolverine-Font-Character-map.webp" alt="Wolverine Font Character map" class="wp-image-3015" srcset="https://fontspark.com/wp-content/uploads/2021/11/Wolverine-Font-Character-map.webp 700w, https://fontspark.com/wp-content/uploads/2021/11/Wolverine-Font-Character-map-300x171.webp 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure>
</div>

<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="700" height="400" src="https://fontspark.com/wp-content/uploads/2021/11/Wolverine-Font.webp" alt="Wolverine Font" class="wp-image-3017" srcset="https://fontspark.com/wp-content/uploads/2021/11/Wolverine-Font.webp 700w, https://fontspark.com/wp-content/uploads/2021/11/Wolverine-Font-300x171.webp 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure>
</div>

<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="700" height="400" src="https://fontspark.com/wp-content/uploads/2021/11/Wolverine-Font-Family.webp" alt="Wolverine Font Family" class="wp-image-3018" srcset="https://fontspark.com/wp-content/uploads/2021/11/Wolverine-Font-Family.webp 700w, https://fontspark.com/wp-content/uploads/2021/11/Wolverine-Font-Family-300x171.webp 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure>
</div>


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



<p>Basically, Wolverine is a <a href="https://en.wikipedia.org/wiki/Superhero_film" rel="nofollow noopener" target="_blank">superhero film</a> that was released in 2013. In the title and posters for this <a href="https://fontspark.com/category/movie/">movie</a>, they used a marvelous <a href="https://fontspark.com/category/comic/">comic</a> character that is very similar to the Bank Gothic Bold font. It was designed by <a href="https://en.wikipedia.org/wiki/Morris_Fuller_Benton" rel="nofollow noopener" target="_blank">Morris Fuller Benton</a> and published by GroupType. From there, Wolverine font became familiar to the public.&nbsp;</p>



<p>You will find a lot of similar fonts of Wolverine, which are also used in movies and cartoons. It is a font that can be used in every job. From simple to gorgeous, all projects can be covered with it.&nbsp;</p>



<p>Wolverine has both free and <a href="https://fontspark.com/category/premium/">paid</a> versions. You can use the free version for personal projects as well as business projects. For full access, you must buy a license. But you have to try the free version first. It is available on our site. Just move it to the download section, and you will get details about how to download it. It is super easy to store on your device.</p>



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



<p>You can use Wolverine in eye-catching projects as well as simple projects. It is very suitable for <a href="https://fontspark.com/category/tv-show/">TV Shows</a>, movies, animations, motion <a href="https://en.wikipedia.org/wiki/Graphics#:~:text=Graphics%20(from%20Ancient%20Greek%20%CE%B3%CF%81%CE%B1%CF%86%CE%B9%CE%BA%CF%8C%CF%82,inform%2C%20illustrate%2C%20or%20entertain.&amp;text=Graphics%20often%20combine%20text%2C%20illustration%2C%20and%20color." rel="nofollow noopener" target="_blank">graphics</a>, adventure films, etc. You can use it in <a href="https://fontspark.com/category/cartoon/">cartoons</a> and video games. It is super perfect for high-resolution videos.</p>



<p>Wolverine is preferable for cloth printing. You can use it on T-shirts, jackets, and hoodies. It looks good on ceramics too, such as jugs, mugs, plates, flower vases, etc. You can use it with gorgeous pictures. When Wolverine is used in wall mate, the house starts shining and glowing.</p>



<p>You can use it on baby dresses. It is suitable for baby toys like big dolls, cars, models, etc. You can use it on the covers of books and magazines. It is also suitable for newspaper headlines.</p>



<p>You can use it on <a href="https://fontspark.com/category/logos/">logos</a>, <a href="https://fontspark.com/category/brand/">brands</a>, and shops. It is also suitable for business parties and childcare centers. You can use it in cinema halls, museums, parks, and other entertaining places.</p>



<p>It is also suitable for calendars, posters, banners, brochures, <a href="https://fontspark.com/category/symbol/">symbols</a>, and so on. It can be used on video titles as well as YouTube thumbnails. You can use it as a clock. It is perfect both for electronic and print media. It will increase the beauty of electronic media such as <a href="https://fontspark.com/category/blog/">blogs</a>, websites, software, and apps. You can use it both for writing and designing purposes on those mediums.</p>



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



<figure class="wp-block-table"><table><tbody><tr><td>Name</td><td>Wolverine Font</td></tr><tr><td>Style</td><td>Movie Font</td></tr><tr><td>Author</td><td>Morris Fuller Benton</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>Regular</td></tr></tbody></table></figure>



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



<p>It is free for personal use only. For business, you must have a license. The free font is available on our site. It is secure and hassle-free. It doesn’t require any signup, email, or subscription. You just move to the download section and hit the download button.</p>



<h2 class="wp-block-heading"><strong>Download</strong></h2>



<p>Without further ado, enjoy the free Wolverine font. Just click on the download button and take access to your preparable device and operating system.</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" href="https://fontspark.com/download/wolverine-font/">Download</a></div>
</div>



<h2 class="wp-block-heading"><strong>Similar to Wolverine Font</strong></h2>



<p>Some similar fonts of Wolverine have been included for your convenience. You can try these also.</p>



<ul class="wp-block-list"><li>Marvel Font.</li><li>Benton Sans Compressed Black.</li><li>Neubank NF <a href="https://fontspark.com/category/bold/">Bold</a>.</li><li>DeLuxe Gothic.</li></ul>



<h2 class="wp-block-heading">Wolverine <strong>Font Family</strong></h2>



<p>It has a total of six styles. We have included the basic types.</p>



<ul class="wp-block-list"><li>Wolverine Condensed</li><li>Wolverine Italic</li><li>Wolverine Regular</li></ul>



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



<p>There are no rules for Font Pairings.  It depends upon your project. However, Wolverine has a good characteristic of Combinations. We have added some suggested pairing for your convenience.</p>



<ul class="wp-block-list"><li>Flix</li><li>Brolink</li><li>Crux</li><li>Exodus</li><li>Mike Sans</li><li>Quentin Pro</li><li>Moon</li><li>Mango</li><li>Herona</li><li>Blackpast</li></ul>



<h2 class="wp-block-heading"><strong>Wolverine</strong> Font <strong>Supported Language</strong></h2>



<p>All the supported languages of Wolverine font are given below:</p>



<h2 class="wp-block-heading">Afrikaans, Albanian, Basque, Bosnian, Breton, Catalan, Cornish, Croatian, Czech, Danish, Dutch, English, Estonian, Faroese, Finnish, French, Frisian, Friulian, Gaelic (Irish, Scots), Gagauz (Latin), Galician, German, Hungarian, Icelandic, Indonesian, Irish, Italian, Karelian, Ladin, Latvian, Lithuanian, Maltese, Moldavian (Latin), Norwegian, Polish, Portuguese, Rhaeto-Romanic, Romanian, Saami (Southern), Serbian, Slovak, Slovenian, Sorbian, Spanish, Swahili, Swedish, Turkish, Turkmen (Latin).</h2>



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



<p><strong>What type of font Is Wolverine?</strong></p>



<p><strong>Ans: </strong>Wolverine is a movie font. It was designed by Morris Fuller Benton and published by GroupType. </p>



<p><strong>Can I use Wolverine Font on My Website?</strong></p>



<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>



<p><strong>Is Wolverine a free font?</strong></p>



<p><strong>Ans: </strong>Both a free and a premium edition of Freeland are available. You must purchase the premium version to gain full access. However, the free version has many complex capabilities that allow you to handle all of your personal tasks as well as numerous <a href="https://fontspark.com/category/commercial/">commercial</a> projects.</p>



<p><strong>Can I download and use Wolverine font on My Pc and Mac?</strong></p>



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



<p><strong>Can I use Wolverine for my logo?</strong></p>



<p><strong>Ans: </strong>Yes, you can make static, animated, and <a href="https://fontspark.com/category/3d-fonts/">3D</a> logos with it.</p>



<p><strong>How to Install Wolverine Font in Adobe, Ms. Word, Mac, or PC?</strong></p>



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



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