<?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>Hatch font &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/hatch-font/feed/" rel="self" type="application/rss+xml" />
	<link>https://whatfontfinder.com</link>
	<description>Find fonts for your favorite movies, logos, brands, music, and books.</description>
	<lastBuildDate>Mon, 04 Dec 2023 12:48:59 +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://whatfontfinder.com/wp-content/uploads/2023/10/Whatfontfinder-icon.png</url>
	<title>Hatch font &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Yellowstone Font</title>
		<link>https://whatfontfinder.com/yellowstone-font/</link>
					<comments>https://whatfontfinder.com/yellowstone-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Mon, 04 Dec 2023 12:40:25 +0000</pubDate>
				<category><![CDATA[TV Show]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[Bauhaus]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[display font]]></category>
		<category><![CDATA[Dutton family]]></category>
		<category><![CDATA[Grunge Font]]></category>
		<category><![CDATA[Hatch]]></category>
		<category><![CDATA[Hatch font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Mark Caneso]]></category>
		<category><![CDATA[Metal stamping font]]></category>
		<category><![CDATA[Neo-Western font]]></category>
		<category><![CDATA[Paramount Network]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[psType]]></category>
		<category><![CDATA[ranch]]></category>
		<category><![CDATA[Slab serif font]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[TV series]]></category>
		<category><![CDATA[tv show font]]></category>
		<category><![CDATA[Western font]]></category>
		<category><![CDATA[Wood carving font]]></category>
		<category><![CDATA[Yellowstone]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2550</guid>

					<description><![CDATA[The iconic Yellowstone TV show logo utilizes Hatch font, a slab-serif design by Mark Caneso of psType, available since 2012 via Adobe Fonts with a necessary license. Yellowstone, a gripping neo-Western drama since 2018, delves into the Dutton family's trials amidst land disputes and political tensions on America's largest ranch.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Yellowstone Font Generator</h2>



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

    <script type="text/javascript">
        const FONT_BASE_URL = "https://whatfontfinder.com/wp-content/fonts/";

        const fontData = [
            { name: "Hatch-Medium-font", file: "Hatch-Medium.otf ", statement: "Exact", extraButton: { text: "Buy Now", link: "https://fonts.adobe.com/fonts/hatch" } }
        ];

    const previewContainer = document.getElementById("fontPreviewContainer");
    const fontPreviews = {};

// Add the h3 font label at the top of the preview container
const h3Label = document.createElement('h3');
h3Label.innerText = 'Font Used';
h3Label.className = 'fonth3'; // Assigning the class
previewContainer.appendChild(h3Label);

    // Creating the control containers for Type, Color, and Size
    const controlsContainer = document.createElement('div');
    controlsContainer.classList.add('fontPreviewControls');
    ['Type', 'Color', 'Size'].forEach((labelText, idx) => {
        const inputRow = document.createElement('div');
        inputRow.classList.add('inputRow');
        const label = document.createElement('label');
        const input = document.createElement('input');
        label.innerText = `${labelText}:`;
        if (idx === 0) {
            input.setAttribute('type', 'text');
            input.setAttribute('value', 'YELLOWSTONE');
            input.addEventListener('input', updateFontPreviews);
        } else if (idx === 1) {
            input.setAttribute('type', 'color');
            input.setAttribute('value', '#000');
            input.addEventListener('input', updateFontPreviews);
        } else {
            input.setAttribute('type', 'range');
            input.setAttribute('min', '10');
            input.setAttribute('max', '150');
            input.setAttribute('value', '60');
            input.addEventListener('input', updateFontPreviews);
        }
        inputRow.appendChild(label);
        inputRow.appendChild(input);
        controlsContainer.appendChild(inputRow);
    });
    previewContainer.appendChild(controlsContainer);

    function updateFontPreviews() {
        const type = controlsContainer.querySelector('input[type="text"]').value;
        const color = controlsContainer.querySelector('input[type="color"]').value;
        const size = controlsContainer.querySelector('input[type="range"]').value + 'px';
        Object.values(fontPreviews).forEach(preview => {
            preview.style.color = color;
            preview.style.fontSize = size;
            preview.innerText = type;
        });
    }

    function generateImageAndDownload(previewElement) {
        const canvas = document.createElement("canvas");
        canvas.width = previewElement.offsetWidth;
        canvas.height = previewElement.offsetHeight;
        const ctx = canvas.getContext("2d");
        ctx.font = `${window.getComputedStyle(previewElement).fontSize} ${previewElement.style.fontFamily}`;
        ctx.fillStyle = previewElement.style.color;
        ctx.textBaseline = 'top';
        ctx.fillText(previewElement.innerText, 0, 0);
        const link = document.createElement('a');
        link.href = canvas.toDataURL();
        link.download = 'font_preview.png';
        link.click();
    }

 fontData.forEach(({ name, file, statement, extraButton }, index) => {
        const fontContainer = document.createElement('div');
        fontContainer.classList.add('fontContainer');
        const fontInfo = document.createElement('div');
        fontInfo.classList.add('fontInfo');
        const fontNumber = document.createElement('span');
        fontNumber.classList.add('fontNumber');
        fontNumber.innerText = `${index + 1}.`;
        const fontTitle = document.createElement('span');
        fontTitle.classList.add('fontTitle');
        fontTitle.innerText = name.replace(/-/g, ' ');
        const fontSeparator = document.createElement('span');
        fontSeparator.classList.add('fontSeparator');
        fontSeparator.innerText = ' | ';
        const fontStatement = document.createElement('span');
        fontStatement.classList.add('fontStatement');
        fontStatement.innerText = statement;
        fontInfo.appendChild(fontNumber);
        fontInfo.appendChild(fontTitle);
        fontInfo.appendChild(fontSeparator);
        fontInfo.appendChild(fontStatement);
        const fontPreviewWithInfo = document.createElement('div');
        fontPreviewWithInfo.classList.add('fontPreviewWithInfo');
        const fontPreview = document.createElement('div');
        fontPreview.classList.add('fontPreview');
        const fontFace = document.createElement('style');
        fontFace.textContent = `
            @font-face {
                font-family: "${name}";
                src: url("${FONT_BASE_URL + file}") format('opentype');
            }
        `;
        document.head.appendChild(fontFace);
        fontPreview.style.fontFamily = `"${name}"`;
        fontPreviews[name] = fontPreview;
        fontPreviewWithInfo.appendChild(fontInfo);
        fontPreviewWithInfo.appendChild(fontPreview);
        fontContainer.appendChild(fontPreviewWithInfo);

    const generateBtn = document.createElement('button');
    generateBtn.classList.add('generateBtn');
    generateBtn.innerText = "Generate";
    generateBtn.addEventListener('click', () => {
        generateImageAndDownload(fontPreview);
    });
    fontContainer.appendChild(generateBtn);
    if (extraButton && extraButton.text === 'Buy Now') {
        const buyNowBtn = document.createElement('button');
        buyNowBtn.classList.add('buyNowBtn');
        buyNowBtn.innerText = "Buy Now";
        buyNowBtn.addEventListener('click', () => {
            window.open(extraButton.link, '_blank'); // Opens the link in a new tab
        });
        fontContainer.appendChild(buyNowBtn);
    } else {
        const downloadBtn = document.createElement('button');
        downloadBtn.classList.add('downloadBtn');
        downloadBtn.innerText = "Download";
        downloadBtn.addEventListener('click', () => {
            const a = document.createElement('a');
            a.href = FONT_BASE_URL + file;
            a.download = file;
            a.style.display = 'none';
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
        });
        fontContainer.appendChild(downloadBtn);
    }
    
    previewContainer.appendChild(fontContainer);
});

    updateFontPreviews();
    const noteText = `
        Note: This is a Font Generator tool. You can generate and download a preview of the given font by typing your text in the live preview box, adjusting the color or size, and clicking the generate button. If the font is available for free, you can also download it.
    `;
    const noteElement = document.createElement('div');
    noteElement.className = 'note';
    noteElement.innerHTML = noteText;
    previewContainer.appendChild(noteElement);
</script>



<p>Yellowstone font used in the Yellowstone TV show logo is Hatch font. It is a slab-serif font. Hatch was designed by Mark Caneso, who is the owner and operator of psType, an independent digital type foundry and custom lettering department of pprwrk studio. Hatch was released by psType in 2012. It is available from Adobe Fonts. You need to purchase a license to use it. </p>



<p><a href="https://www.imdb.com/title/tt4236770/" target="_blank" rel="noopener">Yellowstone </a>is a neo-Western drama TV series that premiered on June 20, 2018, on Paramount Network. It follows the Dutton family, who own and operate the largest ranch in the United States. The series explores the conflicts and challenges that the Duttons face from various enemies, such as land developers, Native Americans, politicians, and rival ranchers. The series also depicts the personal and professional lives of the Duttons and their allies and enemies.</p>



<p>You can also check out other TV show fonts like <a href="https://whatfontfinder.com/the-golden-girls-font/">Golden Girls</a>, <a href="https://whatfontfinder.com/ben-10-font/">Ben 10</a>, and <a href="https://whatfontfinder.com/looney-tunes-font/">Looney Tunes</a> fonts.</p>



<p>Thank you for reading the article!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/yellowstone-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
