<?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>spooky font &#8211; Fonts Park</title>
	<atom:link href="https://fontspark.com/tag/spooky-font/feed/" rel="self" type="application/rss+xml" />
	<link>https://fontspark.com</link>
	<description>Best Place For Free Fonts</description>
	<lastBuildDate>Thu, 17 Aug 2023 12:25:08 +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>spooky font &#8211; Fonts Park</title>
	<link>https://fontspark.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Chiller Font Download</title>
		<link>https://fontspark.com/chiller-font/</link>
					<comments>https://fontspark.com/chiller-font/#respond</comments>
		
		<dc:creator><![CDATA[Atif]]></dc:creator>
		<pubDate>Wed, 02 Aug 2023 12:07:31 +0000</pubDate>
				<category><![CDATA[Horror]]></category>
		<category><![CDATA[Brush]]></category>
		<category><![CDATA[Commercially Free]]></category>
		<category><![CDATA[Display]]></category>
		<category><![CDATA[Fancy]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[chaotic]]></category>
		<category><![CDATA[chill font]]></category>
		<category><![CDATA[chiller]]></category>
		<category><![CDATA[chiller font]]></category>
		<category><![CDATA[display font]]></category>
		<category><![CDATA[distorted font]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[frosty font]]></category>
		<category><![CDATA[halloween font]]></category>
		<category><![CDATA[horror]]></category>
		<category><![CDATA[jagged font]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[movie]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[reckless]]></category>
		<category><![CDATA[spooky font]]></category>
		<category><![CDATA[thriller]]></category>
		<category><![CDATA[website]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=4645</guid>

					<description><![CDATA[Chiller font is a horror display typeface designed by Andrew Smith in 1994. It is]]></description>
										<content:encoded><![CDATA[
<p><strong>Chiller font</strong> is a horror display typeface designed by Andrew Smith in 1994. It is characterized by its jagged, distorted letters, which give it a distinctly &#8220;<strong>chilled</strong>&#8221; or &#8220;<strong>frosty</strong>&#8221; appearance. It is a font that simulates the effect of blood splatter and ink blots, creating a chaotic and reckless style. And that can chill your spine.</p>



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



<p>Chiller font is a horror <strong>script</strong> font belonging to the Chiller family of fonts. It has only one weight: Regular. It has uppercase and lowercase letters, numbers, punctuation marks, and special characters. It also supports several languages, such as English, French, Spanish, German, Italian, Portuguese, and more.</p>



<p><strong>Andrew Smith</strong>, a British graphic designer and typographer created the Font. He was born in 1967 and studied at the London College of Printing. He worked as a freelance designer for several companies.</p>



<p><strong><a href="https://en.wikipedia.org/wiki/International_Typeface_Corporation" rel="nofollow noopener" target="_blank">ITC</a></strong>, a global leader in typeface design and marketing for over 30 years, released the Chiller font. Through collaboration with world-class designers, ITC offered a variety of classic and innovative typefaces.</p>



<h2 class="wp-block-heading">Effective Use of Chiller Font</h2>



<p>One possible place to use the Chiller font is for horror-themed designs. You can use it in movie posters, book covers, <strong>Halloween</strong> decorations, and more. It can evoke fear and suspense in viewers, making it suitable for the horror genre. This font can give your logo a distinct and memorable look, especially if you want to target a niche market or audience that appreciates horror or thrills.</p>



<p>The purpose of the Chiller is not only aesthetic; it is also functional. Its distinct style ensures that any text written in this font immediately grabs attention. Whether it&#8217;s a movie poster, a book cover, or a social media post, Chiller ensures your content doesn&#8217;t go unnoticed.</p>



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


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


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



<h2 class="wp-block-heading">Try Our Chiller Font Generator</h2>



<p>Interested in seeing how Chiller would look in your designs? Check out our <strong>Chiller font generator</strong> and give it a whirl! Follow the steps below:</p>



<ul class="wp-block-list">
<li>Type your text in the input box</li>



<li>Select Chiller font from the drop-down menu</li>



<li>Adjust the size, color, and background of your text</li>



<li>Preview your text in real-time</li>



<li>Download your text as an image or a font file</li>
</ul>



<p>Our font generator is easy to use and fun to experiment with. You can create stunning designs with the font in minutes. Try it now!</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: "CHILLER", file: "CHILLER.ttf" }
  ];
  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 = "Chiller 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/wp-content/uploads/2023/08/CHILLER.ttf">Download Chiller</a></div>
</div>



<h2 class="wp-block-heading">Fonts Similar to Chiller</h2>



<p>If you like Chiller font, you might also like these similar fonts:</p>



<ul class="wp-block-list">
<li><a href="https://fontspark.com/courage-road-font/"><strong>Courage Road Font</strong></a></li>



<li><a href="https://fontspark.com/cuphead-font/"><strong>Cuphead Font</strong></a></li>



<li><a href="https://fontspark.com/spider-man-no-way-home-font/"><strong>Spider-Man No Way Home Font</strong></a></li>



<li><a href="https://fontspark.com/toy-story-font/"><strong>Toy Story Font</strong></a></li>



<li><a href="https://fontspark.com/genshin-impact-font/"><strong>Genshin Impact Font</strong></a></li>
</ul>



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



<p>Chiller font is more than just a typeface; it&#8217;s an experience. Its distinct design ensures your content stands out, making it a must-have in every designer&#8217;s toolkit.</p>



<p>Thank you for reading this article about Chiller Font. We hope you find it useful and informative. If you have comments or questions, please feel free to share them with us below. We would love to hear from 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>
