<?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/"
	>

<channel>
	<title>slanted font &#8211; Different Fonts</title>
	<atom:link href="https://different-fonts.com/tag/slanted-font/feed/" rel="self" type="application/rss+xml" />
	<link>https://different-fonts.com</link>
	<description>Downloads Latest Free and Different Fonts</description>
	<lastBuildDate>Mon, 30 Oct 2023 12:10: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://different-fonts.com/wp-content/uploads/2023/05/cropped-different-fonts-icon-32x32.png</url>
	<title>slanted font &#8211; Different Fonts</title>
	<link>https://different-fonts.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Rage Italic Font</title>
		<link>https://different-fonts.com/rage-italic-font/</link>
					<comments>https://different-fonts.com/rage-italic-font/#respond</comments>
		
		<dc:creator><![CDATA[Easin Arafat]]></dc:creator>
		<pubDate>Mon, 30 Oct 2023 12:10:18 +0000</pubDate>
				<category><![CDATA[Handwritten Font]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[Calligraphy]]></category>
		<category><![CDATA[Creative font]]></category>
		<category><![CDATA[cursive font]]></category>
		<category><![CDATA[dynamic font]]></category>
		<category><![CDATA[expressive font]]></category>
		<category><![CDATA[fun font]]></category>
		<category><![CDATA[gift card]]></category>
		<category><![CDATA[italicized font]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[playful font]]></category>
		<category><![CDATA[Poster]]></category>
		<category><![CDATA[rage italic]]></category>
		<category><![CDATA[Script Font]]></category>
		<category><![CDATA[slanted font]]></category>
		<category><![CDATA[Title]]></category>
		<guid isPermaLink="false">https://different-fonts.com/?p=2723</guid>

					<description><![CDATA[Rage Italic is a bold cursive brush font. It was designed and published by Ron Zwingelberg in 1984. After its release, this font quickly gained popularity for its dynamic and expressive letterforms. It is a calligraphic font featuring a slanted and italicized style, giving it a distinct and edgy look. It is suitable for various&#8230;&#160;<a href="https://different-fonts.com/rage-italic-font/" rel="bookmark"><span class="screen-reader-text">Rage Italic Font</span></a>]]></description>
										<content:encoded><![CDATA[
<p>Rage Italic is a bold cursive brush font. It was designed and published by <a href="https://www.myfonts.com/collections/ron-zwingelberg" target="_blank" rel="noopener">Ron Zwingelberg</a> in 1984. After its release, this font quickly gained popularity for its dynamic and expressive letterforms. It is a calligraphic font featuring a slanted and italicized style, giving it a distinct and edgy look.</p>



<p>It is suitable for various purposes, such as logos, headlines, posters, invitations, and more. Rage Italic is a fun and bold brush calligraphic font that makes your designs stand out. It is free for personal use, but for commercial projects, you should buy a license. If you want to check out the font, try our font generator below!</p>



<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://different-fonts.com/wp-content/uploads/2023/10/Rage-Italic-Font-Characters-View.webp" alt="Rage Italic Font Characters View" class="wp-image-2728" srcset="https://different-fonts.com/wp-content/uploads/2023/10/Rage-Italic-Font-Characters-View.webp 900w, https://different-fonts.com/wp-content/uploads/2023/10/Rage-Italic-Font-Characters-View-300x167.webp 300w, https://different-fonts.com/wp-content/uploads/2023/10/Rage-Italic-Font-Characters-View-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://different-fonts.com/wp-content/uploads/2023/10/Rage-Italic-Font-Symbols-View.webp" alt="Rage Italic Font Symbols View" class="wp-image-2729" srcset="https://different-fonts.com/wp-content/uploads/2023/10/Rage-Italic-Font-Symbols-View.webp 900w, https://different-fonts.com/wp-content/uploads/2023/10/Rage-Italic-Font-Symbols-View-300x167.webp 300w, https://different-fonts.com/wp-content/uploads/2023/10/Rage-Italic-Font-Symbols-View-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p></p>



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



<p>If you want to check out the font for free, our Rage Italic Font Generator is here to help! You can type in 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>



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

<!-- JavaScript code -->
<script type="module">
const FONT_BASE_URL = "https://different-fonts.com/wp-content/uploads/Fonts/";

const fontData = [
{ name: "RAGE", file: "RAGE.TTF" }

]

  const previewContainer = document.getElementById("fontPreviewContainer");

  const fontPreviewControls = document.createElement("div");
  fontPreviewControls.classList.add("fontPreviewControls");

  const livePreviewLabel = document.createElement("label");
  livePreviewLabel.htmlFor = "liveTypeInput";
  livePreviewLabel.innerText = "Type:";
  const liveTypeInput = document.createElement("input");
  liveTypeInput.type = "text";
  liveTypeInput.classList.add("liveTypeInput");
  liveTypeInput.id = "liveTypeInput";
  liveTypeInput.setAttribute(
    "placeholder",
    "Type something here for live preview"
  );
  liveTypeInput.value = "Rage Italic";

  const colorLabel = document.createElement("label");
  colorLabel.htmlFor = "colorInputField";
  colorLabel.innerText = "Color:";
  const colorInputField = document.createElement("input");
  colorInputField.type = "color";
  colorInputField.classList.add("colorInputField");
  colorInputField.id = "colorInputField";

  const backgroundColorLabel = document.createElement("label");
  backgroundColorLabel.htmlFor = "backgroundColorInputField";
  backgroundColorLabel.innerText = "Background:";
  const backgroundColorInputField = document.createElement("input");
  backgroundColorInputField.type = "color";
  backgroundColorInputField.classList.add("backgroundColorInputField");
  backgroundColorInputField.id = "backgroundColorInputField";
  backgroundColorInputField.value = "#ffffff";

  const fontSizeLabel = document.createElement("label");
  fontSizeLabel.htmlFor = "fontSizeSlider";
  fontSizeLabel.innerText = "Size:";
  const fontSizeSlider = document.createElement("input");
  fontSizeSlider.type = "range";
  fontSizeSlider.classList.add("fontSizeSlider");
  fontSizeSlider.id = "fontSizeSlider";
  fontSizeSlider.min = 10;
  fontSizeSlider.max = 120;
  fontSizeSlider.step = 10;
  fontSizeSlider.value = 30;

  const fontPreviews = {};

  function applyLigatures(text) {
    // Helper function to apply ligatures to the font preview text
    if (ligaturesCheckbox.checked) {
      // Add ligature replacements as needed
      text = text.replace(/ff/g, "𝒻𝓃");
      text = text.replace(/fi/g, "𝒻𝒾");
      text = text.replace(/fl/g, "𝒻𝓁");
      // Add more ligatures as needed
    }
    return text;
  }

  function updateFontPreviews() {
    const fontPreviewAreas = document.querySelectorAll(".fontPreview");
    const textColor = colorInputField.value;
    const backgroundColor = backgroundColorInputField.value;
    const fontSize = `${fontSizeSlider.value}px`;
    const liveText = liveTypeInput.value;

    fontPreviewAreas.forEach((fontPreviewArea) => {
      fontPreviewArea.style.color = textColor;
      fontPreviewArea.style.backgroundColor = backgroundColor;
      fontPreviewArea.style.fontSize = fontSize;
      fontPreviewArea.innerText = applyLigatures(liveText);
    });
  }

  colorInputField.addEventListener("input", updateFontPreviews);
  backgroundColorInputField.addEventListener("input", updateFontPreviews);
  fontSizeSlider.addEventListener("input", updateFontPreviews);
  liveTypeInput.addEventListener("input", updateFontPreviews);

  const ligaturesLabel = document.createElement("label");
  ligaturesLabel.htmlFor = "ligaturesCheckbox";
  ligaturesLabel.innerText = "Ligatures:";
  const ligaturesCheckbox = document.createElement("input");
  ligaturesCheckbox.type = "checkbox";
  ligaturesCheckbox.id = "ligaturesCheckbox";
  ligaturesCheckbox.addEventListener("change", updateFontPreviews);

  fontPreviewControls.appendChild(livePreviewLabel);
  fontPreviewControls.appendChild(liveTypeInput);
  fontPreviewControls.appendChild(colorLabel);
  fontPreviewControls.appendChild(colorInputField);
  fontPreviewControls.appendChild(backgroundColorLabel);
  fontPreviewControls.appendChild(backgroundColorInputField);
  fontPreviewControls.appendChild(fontSizeLabel);
  fontPreviewControls.appendChild(fontSizeSlider);
  fontPreviewControls.appendChild(ligaturesLabel);
  fontPreviewControls.appendChild(ligaturesCheckbox);
  previewContainer.appendChild(fontPreviewControls);

  const separator = document.createElement("div");
  separator.classList.add("separator");
  previewContainer.appendChild(separator);

  fontData.forEach(({ name, file }) => {
    const fontName = name;

    const fontContainer = document.createElement("div");
    fontContainer.classList.add("fontContainer");

    const fontTitle = document.createElement("div");
    fontTitle.innerText = fontName;
    fontTitle.classList.add("fontTitle");

    const fontPreviewArea = document.createElement("div");
    fontPreviewArea.setAttribute("aria-labelledby", fontName);
    fontPreviewArea.classList.add("fontPreview");
    fontPreviewArea.classList.add(fontName);
    fontPreviewArea.id = fontName;
    fontPreviewArea.innerText = applyLigatures(liveTypeInput.value);

    const fontFace = new FontFace(fontName, `url(${FONT_BASE_URL}${file})`);
    fontFace.load().then((loadedFontFace) => {
      document.fonts.add(loadedFontFace);
      fontPreviewArea.style.fontFamily = fontName;
    });

    const previewDownloadButton = document.createElement("button");
    previewDownloadButton.innerText = "Download View";
    previewDownloadButton.addEventListener("click", () =>
      downloadFontPreview(fontName)
    );
    previewDownloadButton.classList.add("downloadBtn");
    previewDownloadButton.classList.add("customBtn");

    const downloadButton = document.createElement("button");
    downloadButton.innerText = "Download Font";
    downloadButton.addEventListener("click", () => downloadFont(file));
    downloadButton.classList.add("downloadBtn");
    downloadButton.classList.add("customBtn");

    const previewButtonWrapper = document.createElement("div");
    previewButtonWrapper.classList.add("previewButtonWrapper");
    previewButtonWrapper.appendChild(previewDownloadButton);

    const downloadButtonWrapper = document.createElement("div");
    downloadButtonWrapper.classList.add("downloadButtonWrapper");
    downloadButtonWrapper.appendChild(downloadButton);

    const previewWithDownload = document.createElement("div");
    previewWithDownload.classList.add("previewWithDownload");

    previewWithDownload.appendChild(previewButtonWrapper);
    previewWithDownload.appendChild(downloadButtonWrapper);

    fontContainer.appendChild(fontTitle);
    fontContainer.appendChild(fontPreviewArea);
    fontContainer.appendChild(previewWithDownload);
    previewContainer.appendChild(fontContainer);

    fontPreviews[fontName] = fontPreviewArea;

    fontPreviewArea.setAttribute("contenteditable", true);

    const styles = document.createElement("style");
    styles.innerHTML = `
      @font-face {
        font-family: "${fontName}";
        src: url("${FONT_BASE_URL}${file}") format("opentype");
        font-display: swap;
      }

      .${fontName} {
        font-family: "${fontName}";
      }
    `;
    document.head.appendChild(styles);
  });

  function downloadFont(fontFile) {
    const a = document.createElement("a");
    a.href = `${FONT_BASE_URL}${fontFile}`;
    a.download = fontFile;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  }

  function downloadFontPreview(fontName) {
    const fontPreviewArea = fontPreviews[fontName];
    const previewCanvas = document.createElement("canvas");
    const previewCtx = previewCanvas.getContext("2d");
    const fontStyles = window.getComputedStyle(fontPreviewArea);
    const backgroundColor = backgroundColorInputField.value;

    previewCanvas.width = fontPreviewArea.offsetWidth;
    previewCanvas.height = fontPreviewArea.offsetHeight;

    // Set the background color
    previewCtx.fillStyle = backgroundColor;
    previewCtx.fillRect(0, 0, previewCanvas.width, previewCanvas.height);

    // Draw the font preview text
    previewCtx.fillStyle = fontStyles.color;
    previewCtx.font = fontStyles.font;
    previewCtx.textBaseline = "middle";
    previewCtx.textAlign = "center";
    previewCtx.fillText(fontPreviewArea.innerText, previewCanvas.width / 2, previewCanvas.height / 2);

    const previewDataUrl = previewCanvas.toDataURL("image/png");
    const a = document.createElement("a");
    a.href = previewDataUrl;
    a.download = `${fontName}_preview.png`;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  }

  updateFontPreviews();
</script>



<p></p>



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



<p>If you want to make your design stand out, the Rage Italic font is suitable for you. You can use it for various purposes, such as logos, headlines, posters, invitations, and more. You can also try our free font generator and create your design. So, what are you waiting for? Give it a try now!</p>



<p>If you liked this font and looking for more fonts, we recommend you check out <a href="https://different-fonts.com/aladdin-font/">Aladdin</a>, <a href="https://different-fonts.com/mickey-mouse-clubhouse-font/">Mickey Mouse Clubhouse</a>, and <a href="https://different-fonts.com/waltograph-font/">Waltograph </a>fonts.</p>



<p>Thank you for reading.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://different-fonts.com/rage-italic-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
