<?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>Sports &#8211; Fonts Park</title>
	<atom:link href="https://fontspark.com/category/sports/feed/" rel="self" type="application/rss+xml" />
	<link>https://fontspark.com</link>
	<description>Best Place For Free Fonts</description>
	<lastBuildDate>Tue, 25 Nov 2025 14:01:36 +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>Sports &#8211; Fonts Park</title>
	<link>https://fontspark.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Nerf Font</title>
		<link>https://fontspark.com/nerf-font/</link>
					<comments>https://fontspark.com/nerf-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Tue, 13 Feb 2024 12:59:35 +0000</pubDate>
				<category><![CDATA[Sports]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[Brand]]></category>
		<category><![CDATA[Techno]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Android OS]]></category>
		<category><![CDATA[Crillee Italic]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[futuristic font]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[MS Word]]></category>
		<category><![CDATA[Nerf]]></category>
		<category><![CDATA[Nerf logo]]></category>
		<category><![CDATA[Operating System]]></category>
		<category><![CDATA[Peter O’Donnell]]></category>
		<category><![CDATA[playful font]]></category>
		<category><![CDATA[sports toys]]></category>
		<category><![CDATA[toy guns]]></category>
		<category><![CDATA[Windows]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=5437</guid>

					<description><![CDATA[Nerf is a brand that is synonymous with foam-based toy guns and sports toys. The font]]></description>
										<content:encoded><![CDATA[
<p><a href="https://amzn.to/4bAtZrc" data-type="link" data-id="https://amzn.to/4bAtZrc" rel="nofollow noopener" target="_blank"><strong>Nerf</strong> </a>is a brand that is synonymous with foam-based toy guns and sports toys. The font associated with the Nerf brand is bold, playful, and often has a futuristic or techno feel to it. The specific font used for the Nerf logo has not been officially released for public use, but there are similar fonts available that capture the essence of the Nerf brand style.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="650" height="182" src="https://fontspark.com/wp-content/uploads/2024/02/Nerf-Logos.webp" alt="Nerf Logos" class="wp-image-5438" srcset="https://fontspark.com/wp-content/uploads/2024/02/Nerf-Logos.webp 650w, https://fontspark.com/wp-content/uploads/2024/02/Nerf-Logos-300x84.webp 300w" sizes="(max-width: 650px) 100vw, 650px" /></figure>
</div>


<p>The current Nerf logo, which has been captivating eyes since 2004, features the word &#8220;NERF&#8221; in a serif typeface that leans forward, as if in motion. </p>



<p>This font is believed to be <strong>Crillee Italic</strong>, a choice that adds a touch of sophistication and flair to the brand. </p>


<div class="wp-block-image">
<figure class="aligncenter"><img decoding="async" width="800" height="160" src="https://fontspark.com/wp-content/uploads/2024/02/Crillee-italic-regular-font-characters.webp" alt="" class="wp-image-5439" srcset="https://fontspark.com/wp-content/uploads/2024/02/Crillee-italic-regular-font-characters.webp 800w, https://fontspark.com/wp-content/uploads/2024/02/Crillee-italic-regular-font-characters-300x60.webp 300w, https://fontspark.com/wp-content/uploads/2024/02/Crillee-italic-regular-font-characters-768x154.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</div>


<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="#fgen">Generate</a></div>
</div>



<p>Designed by Peter O’Donnell, Crillee Italic stands out with its stylish serifs and unique design elements, making the Nerf brand instantly recognizable and memorable.</p>



<h2 class="wp-block-heading" id="fgen">Nerf Font Generator</h2>



<div id="fontPreviewContainer"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js" defer=""></script>
    <script>
        // Load font files using @font-face
        const fontData = [
            { name: "Crillee-Italic-Regular", file: "Crillee-Italic-Regular.ttf" }

        ];

        const dtpFONT_BASE_URL = "https://fontspark.com/wp-content/uploads/2024/02/";

        const fonts = fontData
            .map(({ name, file }) => `
                @font-face {
                    font-family: "${name}";
                    src: url("${dtpFONT_BASE_URL}${file}");
                    font-display: swap;
                }
            `)
            .join("");

        const styles = document.createElement("style");
        styles.innerHTML = fonts;
        document.head.appendChild(styles);

        // Create a Promise that resolves when the font is ready
        const fontLoadingPromise = document.fonts.ready;

        fontLoadingPromise.then(() => {
            // Initialize the font preview tool after the font is loaded
            initializeFontPreview();
        });

        function initializeFontPreview() {
            // Left column: font controls
            const fontPreviewControls = document.createElement("div");
            fontPreviewControls.classList.add("fontPreviewControls");
            document.getElementById("fontPreviewContainer").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 = "NERF";
            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 with hyphens replaced by spaces for display
fontData.forEach(({ name }) => {
    const fontOption = document.createElement("option");
    const displayName = name.replace(/-/g, ' '); // Replace hyphens with spaces for display
    fontOption.text = displayName;
    fontOption.value = name; // Set the value with the original font name (with hyphens)
    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);

            // 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
                updatePreview();
            });

            // Right column: font preview
            const fontPreviewWrapper = document.createElement("div");
            fontPreviewWrapper.classList.add("fontPreviewWrapper");
            document.getElementById("fontPreviewContainer").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", () => {
                const fontSelector = document.getElementById("fontSelector");
                const fontName = fontSelector.value; // Get the selected font name

                html2canvas(fontPreviewWrapper, {
                    scale: 2,
                }).then((canvas) => {
                    const link = document.createElement("a");
                    const fileName = `font-preview-${fontName}.png`; // Include font name in the filename
                    link.download = fileName;
                    link.href = canvas.toDataURL("image/png");
                    link.click();
                });
            });

            // Update the font preview initially
            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>`;
        }
    </script>



<p>So, when choosing a font for your Nerf-inspired designs, look for characteristics that embody boldness, playfulness, and a dash of futurism.</p>



<p><strong>This font caught your attention?</strong> Wait until you see <a href="https://fontspark.com/west-coast-font/" target="_blank" rel="noreferrer noopener">West Coast</a>, <a href="https://fontspark.com/ahsing-font/" target="_blank" rel="noreferrer noopener">Ahsing</a>, <a href="https://fontspark.com/cuphead-font/" target="_blank" rel="noreferrer noopener">Cuphead</a>, <a href="https://fontspark.com/courage-road-font/" target="_blank" rel="noreferrer noopener">Courage Road</a>, <a href="https://fontspark.com/we-the-people-font/" target="_blank" rel="noreferrer noopener">We The People</a> font and more in our arsenal.</p>



<p>Thanks.</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>Lakers Font</title>
		<link>https://fontspark.com/lakers-font/</link>
					<comments>https://fontspark.com/lakers-font/#respond</comments>
		
		<dc:creator><![CDATA[Atif]]></dc:creator>
		<pubDate>Tue, 24 Oct 2023 07:44:01 +0000</pubDate>
				<category><![CDATA[Logos]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[Serif]]></category>
		<category><![CDATA[Sports]]></category>
		<category><![CDATA[TrueType]]></category>
		<category><![CDATA[basketball]]></category>
		<category><![CDATA[Basketball font]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Cool Lakers font]]></category>
		<category><![CDATA[Flyers]]></category>
		<category><![CDATA[Lakers font]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[Los Angeles Lakers font]]></category>
		<category><![CDATA[merchandise]]></category>
		<category><![CDATA[NBA font]]></category>
		<category><![CDATA[posters]]></category>
		<category><![CDATA[sports font]]></category>
		<category><![CDATA[sporty]]></category>
		<category><![CDATA[T-shirts]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=5135</guid>

					<description><![CDATA[Lakers font is based on the Los Angeles Lakers logo. And who are the Lakers?]]></description>
										<content:encoded><![CDATA[
<p>Lakers font is based on the Los Angeles Lakers logo. And who are the Lakers? <a href="https://en.wikipedia.org/wiki/Los_Angeles_Lakers" rel="nofollow noopener" target="_blank">Los Angeles Lakers</a> is a professional basketball team playing in the National Basketball Association (NBA). They are one of the most successful and popular NBA teams. The Lakers are also known for their rivalry with the Boston Celtics, another historic NBA team.</p>



<p>The Lakers have won 17 championships and have many legendary players, such as Kobe Bryant, Magic Johnson, Kareem Abdul-Jabbar, and <a href="https://en.wikipedia.org/wiki/LeBron_James" rel="nofollow noopener" target="_blank">LeBron James</a>. One of the most successful players on the team is LeBron James. He even appeared in the <a href="https://fontsmax.com/space-jam-font/" target="_blank" rel="noreferrer noopener nofollow">Space Jam 2</a> sequel movie.</p>



<h2 class="wp-block-heading">Lakers Logo Journey</h2>



<p>With a legacy of championships and legendary players, the Lakers have a massive global fan base. Their logo, featuring a basketball and the team name, represents their dominance in the sport.</p>



<p>The Lakers logo consists of the word “<strong>Lakers</strong>” written in a stylized script font with a purple and gold color scheme. The logo also has a star on top of the letter L, which represents the team’s nickname, “<strong>The Showtime Lakers</strong>.” The logo has a modern and dynamic feel, reflecting the team’s style and spirit.</p>



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



<p id="Download">Actually, the font used in the logo is a custom font created by the designers of the team. However, there is a fan-made font similar to the logo font. One of them is Lakers Font, a font created by FontGet, a team fan.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="900" height="500" src="https://fontspark.com/wp-content/uploads/2023/10/Los-Angeles-Lakers-logo-vs-Lakers-Font-Similarity-Example.webp" alt="Lakers Font" class="wp-image-5144" srcset="https://fontspark.com/wp-content/uploads/2023/10/Los-Angeles-Lakers-logo-vs-Lakers-Font-Similarity-Example.webp 900w, https://fontspark.com/wp-content/uploads/2023/10/Los-Angeles-Lakers-logo-vs-Lakers-Font-Similarity-Example-300x167.webp 300w, https://fontspark.com/wp-content/uploads/2023/10/Los-Angeles-Lakers-logo-vs-Lakers-Font-Similarity-Example-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" href="#font-generator">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/10/Lakers-Alt.ttf">Download</a></div>
</div>



<p></p>



<p>This font has uppercase and lowercase letters, numbers, punctuation, and symbols. It is suitable for creating text-based images or logos with a sporty and energetic feel. The font is free for personal use.</p>



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



<p id="font-generator">Are you curious to see how your text would look in the Lakers font? Explore our Lakers font generator. Customize your text by adjusting its size, color, and background. Get real-time previews and download the customized image and font.</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: "Lakers-Alt", file: "Lakers-Alt.ttf" }
  ];
  const fonts = fontData
    .map(({ name, file }) => `
      @font-face {
        font-family: "${name}";
        src: url("https://fontspark.com/wp-content/uploads/2023/10/${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 = "Lakers 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="#Download">Download</a></div>
</div>



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



<p>The Lakers are one of the most famous and consequential teams in the NBA. And if you want to add some sportsmanship to your design, you should definitely try the Lakers font now. You can also check out our font generator and give it a try for free!</p>



<p>If you liked this font and looking for more, then we recommend <a href="https://fontspark.com/space-jam-font/">Space Jam</a>, <a href="https://fontspark.com/athletic-font-free/">Athletic</a>, <a href="https://fontspark.com/kiona-font-free-download/">Kiona</a>, and <a href="https://fontspark.com/nike-font-free-download/">Nike</a> font.</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>GTA Font</title>
		<link>https://fontspark.com/gta-font/</link>
					<comments>https://fontspark.com/gta-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Wed, 11 Jan 2023 11:53:34 +0000</pubDate>
				<category><![CDATA[Sans Serif]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[Brand]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[Sports]]></category>
		<category><![CDATA[TrueType]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Android OS]]></category>
		<category><![CDATA[design font]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[free personal use]]></category>
		<category><![CDATA[GTA]]></category>
		<category><![CDATA[Heavy]]></category>
		<category><![CDATA[Larabie Fonts]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[MS Word]]></category>
		<category><![CDATA[Operating System]]></category>
		<category><![CDATA[sport font]]></category>
		<category><![CDATA[Thick Fonts]]></category>
		<category><![CDATA[Typodermic Fonts]]></category>
		<category><![CDATA[Windows]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=3577</guid>

					<description><![CDATA[The Grand Theft Auto Game logo font, also known as the GTA font, is a]]></description>
										<content:encoded><![CDATA[
<p>The Grand Theft Auto Game logo font, also known as the<strong> GTA font</strong>, is a custom logo, but there is a similar font that is available, called <strong>the Pricedown Font</strong>, that is commonly associated with the series. It is a Grotesk sans-serif typeface. This font was created by Ray Larabie in 2000 and published by Typodermic Fonts (or Larabie Fonts). It was designed to look similar to the logo of the Grand Theft Auto game series. It has been used on all the titles since Grand Theft Auto III.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="350" src="https://fontspark.com/wp-content/uploads/2023/01/GTA-Logo-vs-Font.webp" alt="" class="wp-image-3578" srcset="https://fontspark.com/wp-content/uploads/2023/01/GTA-Logo-vs-Font.webp 800w, https://fontspark.com/wp-content/uploads/2023/01/GTA-Logo-vs-Font-300x131.webp 300w, https://fontspark.com/wp-content/uploads/2023/01/GTA-Logo-vs-Font-768x336.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</div>


<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></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/2023/01/GTA-Font-Character-map.webp" alt="GTA Font Character map" class="wp-image-3585" srcset="https://fontspark.com/wp-content/uploads/2023/01/GTA-Font-Character-map.webp 700w, https://fontspark.com/wp-content/uploads/2023/01/GTA-Font-Character-map-300x171.webp 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure>
</div>


<h3 class="wp-block-heading"><strong>GTA Font Customize Preview</strong></h3>



<label for="pricedown-font">Pricedown font</label><br>
<textarea aria-labelledby="pricedown-font" rows="1" cols="20" class="pricedown-font" id="pricedown-font">grand theft auto</textarea><br>

<style>
@font-face{
font-family: 'pricedown-font';
src: url('https://fontspark.com/wp-content/uploads/2023/01/pricedown-bl.otf');
}
.pricedown-font{
font-family: 'pricedown-font';
font-size: 80px;
width: 100%;
height: 150px;
padding-top: 10px;
}
</style>


<div class="gb-button-wrapper gb-button-wrapper-fe02e13d">

<a class="gb-button gb-button-2002fa8c gb-button-text" href="https://fontspark.com/download/pricedown/">Download</a>

</div>


<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



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



<p>The Grand Theft Auto series is a collection of action-adventure games created by Rockstar Games. It began in 1997 with Grand Theft Auto set in a fictional Miami and developed by DMA Design later known as Rockstar North. The series has continued with several games set in different locations and featuring different characters, introduced new gameplay mechanics and levels of realism. It has also featured several DLCs and multiplayer options, the latest one is <a href="https://www.rockstargames.com/gta-v" data-type="URL" data-id="https://www.rockstargames.com/gta-v" rel="nofollow noopener" target="_blank">GTA V</a> which was release in 2013 and it&#8217;s still popular to this day. The series has sold over 150 million copies as of 2020 and is considered one of the most successful and critically acclaimed video game franchises.</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>Philadelphia Phillies Font</title>
		<link>https://fontspark.com/phillies-font/</link>
					<comments>https://fontspark.com/phillies-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Wed, 11 Jan 2023 10:02:53 +0000</pubDate>
				<category><![CDATA[Sports]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[Brand]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[TrueType]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Android OS]]></category>
		<category><![CDATA[Baseball]]></category>
		<category><![CDATA[design font]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[free personal use]]></category>
		<category><![CDATA[Heavy]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[MLB]]></category>
		<category><![CDATA[MS Word]]></category>
		<category><![CDATA[Operating System]]></category>
		<category><![CDATA[Philadelphia]]></category>
		<category><![CDATA[sport font]]></category>
		<category><![CDATA[Team]]></category>
		<category><![CDATA[Thick Fonts]]></category>
		<category><![CDATA[Windows]]></category>
		<guid isPermaLink="false">https://fontspark.com/?p=3560</guid>

					<description><![CDATA[The Philadelphia Phillies font is a custom cursive typeface. The Philadelphia Phillies are a professional]]></description>
										<content:encoded><![CDATA[
<p>The <strong>Philadelphia Phillies font</strong> is a custom cursive typeface.</p>



<p>The <a href="https://en.wikipedia.org/wiki/Philadelphia_Phillies" rel="nofollow noopener" target="_blank">Philadelphia Phillies</a> are a professional baseball team based in Philadelphia, Pennsylvania. They compete in Major League Baseball (MLB) as a member club of the National League East division. The Philadelphia Phillies have had several logos throughout their history and have also gone through several rebrandings over the years. Below, we are showing the logos and similar fonts.</p>



<div id="font-showcase-693f1ce37b3c8" 
     class="font-showcase-block fsc-layout-standard template-original" 
     style="border: 1px solid #000000; background-color: #ffffff;"
     data-template="original"
     data-block-data="{&quot;blockId&quot;:&quot;font-showcase-693f1ce37b3c8&quot;,&quot;fonts&quot;:[{&quot;name&quot;:&quot;Mlb philadelphia Phillies1980&quot;,&quot;url&quot;:&quot;https:\/\/fontspark.com\/wp-content\/uploads\/fonts\/MLBPhiladelphiaPhillies1980.ttf&quot;,&quot;filename&quot;:&quot;MLBPhiladelphiaPhillies1980.ttf&quot;,&quot;statement&quot;:&quot;Similar&quot;,&quot;customText&quot;:&quot;Philadelphia Phillie&quot;,&quot;isFree&quot;:true,&quot;isBuy&quot;:false,&quot;buyLink&quot;:&quot;&quot;,&quot;source&quot;:&quot;local&quot;,&quot;instanceId&quot;:&quot;1764077747263-pngmuc&quot;}],&quot;images&quot;:[{&quot;id&quot;:5743,&quot;url&quot;:&quot;https:\/\/fontspark.com\/wp-content\/uploads\/2023\/01\/Philadelphia-Phillies-Font.webp&quot;,&quot;alt&quot;:&quot;Philadelphia Phillies Font&quot;}],&quot;showImages&quot;:true,&quot;showTitle&quot;:true,&quot;showDownloadCount&quot;:true,&quot;template&quot;:&quot;original&quot;,&quot;nonce&quot;:&quot;c24f571e8b&quot;,&quot;ajaxUrl&quot;:&quot;https:\/\/fontspark.com\/wp-admin\/admin-ajax.php&quot;,&quot;initialControls&quot;:{&quot;text&quot;:&quot;&quot;,&quot;foregroundColor&quot;:&quot;#401D32&quot;,&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;fontSize&quot;:60}}">

    <!-- Loading Bar -->
    <div id="font-showcase-693f1ce37b3c8-loading-bar" class="font-showcase-loading-bar" style="display: none;">
        <div class="font-showcase-spinner" aria-label="Loading"></div>
        <p>Loading Fonts…</p>
    </div>

    <!-- Enhanced Header Section with Dynamic Image Gallery -->
        <div class="font-showcase-header">
                    <div class="font-showcase-header-title-area">
              <h2 class="font-showcase-header-title">Philadelphia Phillies Font</h2>
                          </div>
                <div class="font-showcase-header-gallery font-showcase-gallery-1" 
             data-gallery-id="font-showcase-693f1ce37b3c8">
                            <div class="font-showcase-header-image" 
                     data-image-index="0">
                    <img decoding="async" src="https://fontspark.com/wp-content/uploads/2023/01/Philadelphia-Phillies-Font.webp" 
                         alt="Philadelphia Phillies Font" 
                         loading="lazy" />
                </div>
                    </div>
    </div>
    
    <!-- Font Controls -->
    <div class="font-showcase-controls">
        <div class="font-showcase-input-row">
            <label>Type</label>
            <input type="text" 
                   id="font-showcase-text-input-font-showcase-693f1ce37b3c8" 
                   placeholder="Type…" 
                   maxlength="100" />
        </div>
        <div class="font-showcase-input-row">
            <label>Foreground</label>
            <input type="color" 
                   id="font-showcase-fg-input-font-showcase-693f1ce37b3c8" 
                   value="#401D32" />
        </div>
        <div class="font-showcase-input-row">
            <label>Background</label>
            <input type="color" 
                   id="font-showcase-bg-input-font-showcase-693f1ce37b3c8" 
                   value="#FFFFFF" />
        </div>
        <div class="font-showcase-input-row">
            <label>Size</label>
            <input type="range" 
                   id="font-showcase-size-input-font-showcase-693f1ce37b3c8" 
                   min="10" max="150" value="60" />
        </div>
        <button class="font-showcase-icon-btn" 
                id="font-showcase-reset-btn-font-showcase-693f1ce37b3c8" 
                title="Reset"
                aria-label="Reset controls">
        </button>
        <button class="font-showcase-icon-btn" 
                id="font-showcase-share-btn-font-showcase-693f1ce37b3c8" 
                title="Share"
                aria-label="Share this page">
        </button>
    </div>

    <!-- Font Items -->
        <div class="font-showcase-fonts">
                    <!-- Standard Font Item Structure -->
            <div class="font-showcase-font-item" 
                 data-font-url="https://fontspark.com/wp-content/uploads/fonts/MLBPhiladelphiaPhillies1980.ttf" 
                 data-font-name="Mlb philadelphia Phillies1980" 
                 data-font-id="font-font-showcase-693f1ce37b3c8-mlbphiladelphiaphillies1980"
                 data-custom-text="Philadelphia Phillie"
                 data-font-source="local"
                 data-font-index="0"
                 data-preview-image=""
                 >
                
                <div class="font-showcase-item-header">
                    <div class="font-showcase-item-title-group">
                        <span class="font-showcase-item-index">1.</span>
                        <h3 class="font-showcase-item-name">Mlb philadelphia Phillies1980</h3>
                                                                            <span class="font-showcase-item-divider">|</span>
                            <span class="font-showcase-item-statement">Similar</span>
                                            </div>

                    <!-- Info Button (Top Right) -->
                    <div class="font-showcase-item-tools-top">
                        <button class="font-showcase-info-btn view-info-btn" 
                                data-action="view-info"
                                data-font-id="font-font-showcase-693f1ce37b3c8-mlbphiladelphiaphillies1980"
                                title="View Info">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
                        </button>
                    </div>
                </div>
                
                <div class="font-showcase-font-preview" style="font-family: 'font-font-showcase-693f1ce37b3c8-mlbphiladelphiaphillies1980';">
                    Philadelphia Phillie                </div>
                
                <div class="font-showcase-font-metadata">
                    <!-- Metadata pills will be populated by JavaScript -->
                    <!-- Hardcoded Placeholders for visual reference (JS will replace) -->
                     <span class="font-showcase-metadata-pill pill-type">TRUETYPE</span>
                     <span class="font-showcase-metadata-pill pill-glyphs">&#8212; GLYPHS</span>
                     <span class="font-showcase-metadata-pill pill-chars">&#8212; CHARS</span>
                </div>
                
                <div class="font-showcase-item-footer">
                    <div class="font-showcase-footer-left">
                                                    <span class="font-showcase-license-info">
                                Personal Use Free                            </span>
                                            </div>

                    <div class="font-showcase-footer-center">
                        <!-- Primary Actions -->
                        <button class="font-showcase-generate-btn" 
                                data-font-id="font-font-showcase-693f1ce37b3c8-mlbphiladelphiaphillies1980" 
                                data-font-name="Mlb philadelphia Phillies1980"
                                aria-label="Generate preview">
                            GENERATE                        </button>
                        
                                                
                                                    <a href="https://fontspark.com/wp-json/font-showcase/v1/download-font?file=/MLBPhiladelphiaPhillies1980.ttf" class="font-showcase-download-btn" aria-label="Download font" download>
                                DOWNLOAD                            </a>
                                            </div>

                                        <div class="font-showcase-footer-right">
                                                <span class="font-showcase-download-count">
                            5 downloads                        </span>
                    </div>
                                    </div>
            </div>
            </div>
    
    <!-- Note -->
        <div class="font-showcase-note note-type-tip">
        <div class="note-icon">💡</div>
        <div class="note-content">Type your own text above to preview fonts in real-time. Adjust Size &amp; Color to find your perfect match.</div>
    </div>
    
    <!-- All Modals -->
    
<!-- ==================================================
     1. ENHANCED IMAGE GALLERY LIGHTBOX
================================================== -->
<div id="font-showcase-lightbox-font-showcase-693f1ce37b3c8" class="font-showcase-lightbox" aria-modal="true" role="dialog" style="display: none;">
    <button class="font-showcase-lightbox-close" aria-label="Close">&times;</button>
    
    <button class="font-showcase-lightbox-nav font-showcase-lightbox-prev" aria-label="Previous image">&#10094;</button>
    
    <div class="font-showcase-lightbox-content">
        <div class="font-showcase-lightbox-counter">
            <span class="font-showcase-current-slide"></span> / <span class="font-showcase-total-slides"></span>
        </div>
        <img decoding="async" src="" alt="" class="font-showcase-lightbox-image">
        <div class="font-showcase-lightbox-dots"></div>
    </div>
    
    <button class="font-showcase-lightbox-nav font-showcase-lightbox-next" aria-label="Next image">&#10095;</button>
</div>


<!-- ==================================================
     2. FONT INFO MODAL
================================================== -->
<div id="font-showcase-info-modal-font-showcase-693f1ce37b3c8" class="font-showcase-info-modal" style="display: none;">
    <div class="font-showcase-info-content">
        <button class="font-showcase-info-close">&times;</button>
        <h3 class="font-showcase-info-title">Font Details</h3>
        <div class="font-showcase-modal-tabs">
            <button class="font-showcase-modal-tab active" data-tab="info" role="tab" aria-selected="true">Info</button>
            <button class="font-showcase-modal-tab" data-tab="glyphs" role="tab" aria-selected="false">Glyphs</button>
            <button class="font-showcase-modal-tab" data-tab="waterfall" role="tab" aria-selected="false">Waterfall</button>
        </div>
        <div id="font-showcase-modal-info-font-showcase-693f1ce37b3c8" class="font-showcase-modal-body active" role="tabpanel"></div>
        <div id="font-showcase-modal-glyphs-font-showcase-693f1ce37b3c8" class="font-showcase-modal-body" role="tabpanel" style="display: none;"></div>
        <div id="font-showcase-modal-waterfall-font-showcase-693f1ce37b3c8" class="font-showcase-modal-body" role="tabpanel" style="display: none;"></div>
    </div>
</div>

<!-- ==================================================
     3. SHARE MODAL
================================================== -->
<div id="font-showcase-share-modal-font-showcase-693f1ce37b3c8" class="font-showcase-share-modal" style="display: none;">
    <div class="font-showcase-share-content">
        <button class="font-showcase-share-close">&times;</button>
        <h3 class="font-showcase-share-title">Share</h3>
        <div class="font-showcase-share-icons" role="group" aria-label="Share to social networks">
            <!-- Pinterest -->
            <button type="button" class="font-showcase-share-icon-btn pinterest" data-site="pinterest" title="Share on Pinterest" aria-label="Share on Pinterest">
                 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><path d="M12 0C5.372 0 0 5.372 0 12c0 4.74 2.77 8.8 6.74 10.7-.1-.96-.18-2.44.04-3.43.2-.9 1.3-5.74 1.3-5.74s-.32-.66-.32-1.63c0-1.5.87-2.62 1.95-2.62.92 0 1.36.69 1.36 1.52 0 .93-.58 2.32-.88 3.6-.26 1.1.55 1.99 1.62 1.99 1.94 0 3.43-2.04 3.43-4.99 0-3.28-2.36-5.58-5.73-5.58-3.91 0-6.21 2.93-6.21 6.24 0 1.24.37 2.19.94 2.9.27.32.31.45.21.82-.07.27-.22.91-.29 1.17-.1.36-.38.48-.7.35-1.9-.78-3.12-3.23-3.12-5.2C1.6 6.2 5.46 2.4 11.3 2.4c4.83 0 8.62 3.38 8.62 7.84 0 4.77-3.04 8.6-7.27 8.6-1.42 0-2.75-.74-3.21-1.61l-.87 3.32c-.31 1.21-1.18 2.72-1.77 3.64C8.56 23.87 10.26 24 12 24c6.628 0 12-5.372 12-12S18.628 0 12 0z"/></svg>
            </button>
            <!-- X (Twitter) -->
            <button type="button" class="font-showcase-share-icon-btn x-twitter" data-site="x" title="Share on X" aria-label="Share on X">
                <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><path d="M17.43 2H21L13.9 10.51 22 22h-6.2l-4.84-6.35L5.77 22H3l7.61-8.69L2 2h6.3l4.54 5.93L17.43 2Zm-.39 17.33h1.88L7.21 4.41H5.29l11.75 14.92Z"/></svg>
            </button>
            <!-- Facebook -->
            <button type="button" class="font-showcase-share-icon-btn facebook" data-site="facebook" title="Share on Facebook" aria-label="Share on Facebook">
                <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2.04C6.5 2.04 2.04 6.5 2.04 12S6.5 21.96 12 21.96c5.5 0 9.96-4.46 9.96-9.96S17.5 2.04 12 2.04Zm1.85 10.48h2.13l-.32 2.52h-1.81v4.92h-2.6v-4.92H9.96v-2.52h1.29V9.86c0-1.69.93-3.28 3.25-3.28h2.18v2.36h-1.57c-.73 0-1.23.36-1.23 1.2v1.38Z"/></svg>
            </button>
            <!-- LinkedIn -->
            <button type="button" class="font-showcase-share-icon-btn linkedin" data-site="linkedin" title="Share on LinkedIn" aria-label="Share on LinkedIn">
                <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><path d="M4.98 3.5C4.98 4.88 3.86 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1s2.48 1.12 2.48 2.5zM.5 8h4V23h-4V8zm7.5 0h3.8v2.05h.05c.53-1 1.82-2.05 3.75-2.05 4 0 4.75 2.63 4.75 6.05V23h-4v-6.67c0-1.59-.03-3.63-2.21-3.63-2.21 0-2.55 1.72-2.55 3.52V23h-4V8z"/></svg>
            </button>
            <!-- WhatsApp -->
            <button type="button" class="font-showcase-share-icon-btn whatsapp" data-site="whatsapp" title="Share on WhatsApp" aria-label="Share on WhatsApp">
                <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><path d="M20.52 3.48A11.86 11.86 0 0 0 12.06 0C5.5 0 .2 5.31.2 11.86c0 2.09.57 4.14 1.66 5.94L0 24l6.33-1.82a11.77 11.77 0 0 0 5.73 1.5h.01c6.55 0 11.86-5.3 11.86-11.86 0-3.17-1.23-6.15-3.41-8.34zM12.06 21.4h-.01a9.57 9.57 0 0 1-4.88-1.33l-.35-.2-3.76 1.08 1.04-3.67-.23-.38A9.49 9.49 0 0 1 2 11.86C2 6.42 6.62 1.8 12.06 1.8c2.57 0 4.98 1 6.79 2.8a9.51 9.51 0 0 1 2.8 6.86c0 5.44-4.62 10.04-9.59 10.04z"/><path d="M17.53 14.2c-.27-.14-1.6-.79-1.85-.88-.25-.09-.43-.14-.62.14-.18.27-.71.88-.87 1.06-.16.18-.32.2-.6.07-.27-.14-1.14-.42-2.17-1.34-.8-.71-1.34-1.58-1.5-1.85-.16-.27-.02-.42.12-.56.12-.12.27-.32.41-.48.14-.16.18-.27.27-.45.09-.18.05-.34-.02-.48-.07-.14-.62-1.48-.85-2.03-.22-.53-.45-.46-.62-.46h-.53c-.18 0-.48.07-.73.34-.25.27-.95.93-.95 2.27s.97 2.63 1.11 2.81c.14.18 1.91 2.91 4.63 3.96.65.25 1.16.4 1.56.51.65.2 1.24.17 1.7.1.52-.08 1.6-.65 1.83-1.28.23-.63.23-1.18.16-1.3-.06-.12-.25-.2-.52-.34z"/></svg>
            </button>
            <!-- Native device share -->
            <button type="button" class="font-showcase-share-icon-btn native" data-site="native" title="Share via device" aria-label="Share via device">
                <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><path d="M13 3l4 4-1.41 1.41L13 6.83V14h-2V6.83L8.41 8.41 7 7l4-4h2z"/><path d="M5 19h14v-6h2v8H3v-8h2v6z"/></svg>
            </button>
        </div>
        <div class="font-showcase-share-link-container">
            <input type="text" id="font-showcase-share-link-input-font-showcase-693f1ce37b3c8" readonly>
            <button id="font-showcase-copy-link-btn-font-showcase-693f1ce37b3c8" class="font-showcase-share-copy">Copy</button>
        </div>
    </div>
</div>

<!-- ==================================================
     4. EXPORT MODAL
================================================== -->
<div id="font-showcase-export-modal-font-showcase-693f1ce37b3c8" class="font-showcase-export-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 100000; align-items: center; justify-content: center;">
    <div class="font-showcase-export-content" style="background: #fff; width: 90%; max-width: 550px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); animation: fsFadeInUp 0.3s ease-out; display: flex; flex-direction: column; overflow: visible;">
        
        <!-- Header -->
        <div style="padding: 16px 20px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; background: #f9f9f9; border-radius: 12px 12px 0 0;">
            <h3 class="font-showcase-export-title" style="margin: 0; font-size: 18px; font-weight: 600; color: #333;">Export Preview</h3>
            <button class="font-showcase-export-close" style="background: none; border: none; font-size: 24px; line-height: 1; color: #999; cursor: pointer; padding: 0;">&times;</button>
        </div>
        
        <!-- Body -->
        <div style="padding: 20px;">
            <!-- Preview Area -->
            <div class="font-showcase-export-preview checker" style="border: 2px dashed #e0e0e0; border-radius: 8px; min-height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; background-color: #f8f8f8; overflow: hidden; position: relative;">
                <img decoding="async" id="font-showcase-export-img-font-showcase-693f1ce37b3c8" src="" alt="Font Preview" style="max-width: 100%; max-height: 100%; object-fit: contain; display: block;">
            </div>
            
            <!-- Controls -->
            <div class="font-showcase-export-controls" style="display: grid; grid-template-columns: 1fr auto; gap: 15px; align-items: end; margin-bottom: 20px;">
                
                <!-- Style Selector -->
                <div class="font-showcase-style-selector">
                    <label style="display: block; font-size: 12px; font-weight: 600; color: #666; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px;">Style Effect</label>
                    <div class="font-showcase-custom-dropdown" id="font-showcase-style-dropdown-font-showcase-693f1ce37b3c8" style="position: relative; border: 1px solid #ddd; border-radius: 6px; background: #fff; cursor: pointer;">
                        <div class="font-showcase-dropdown-selected" style="padding: 10px 12px; display: flex; justify-content: space-between; align-items: center;">
                            <span class="selected-text" style="font-weight: 500; color: #333;">Original</span>
                            <span class="dropdown-arrow" style="font-size: 10px; color: #888;">▼</span>
                        </div>
                        <ul class="font-showcase-dropdown-list">
                            <li data-value="original" class="selected" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">Original</li>
                            <li data-value="outline" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">Outline</li>
                            <li data-value="shadow" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">Shadow</li>
                            <li data-value="retro" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">Retro 3D</li>
                            <li data-value="neon" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">Neon Glow</li>
                            <li data-value="fire" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">Fire</li>
                            <li data-value="metal" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">Metallic</li>
                            <li data-value="glitch" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">Glitch</li>
                            <li data-value="rainbow" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">Rainbow</li>
                            <li data-value="3d-deep" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">Deep 3D</li>
                        </ul>
                    </div>
                    <input type="hidden" id="font-showcase-export-style-input-font-showcase-693f1ce37b3c8" value="original">
                </div>
                
                <!-- Format Selector -->
                <div class="font-showcase-format-selector">
                    <label style="display: block; font-size: 12px; font-weight: 600; color: #666; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px;">Format</label>
                    <div class="font-showcase-custom-dropdown" id="font-showcase-format-dropdown-font-showcase-693f1ce37b3c8" style="position: relative; border: 1px solid #ddd; border-radius: 6px; background: #fff; cursor: pointer;">
                        <div class="font-showcase-dropdown-selected" style="padding: 10px 12px; display: flex; justify-content: space-between; align-items: center;">
                            <span class="selected-text" style="font-weight: 500; color: #333;">PNG</span>
                            <span class="dropdown-arrow" style="font-size: 10px; color: #888;">▼</span>
                        </div>
                        <ul class="font-showcase-dropdown-list font-showcase-dropdown-list-simple">
                            <li data-value="png" class="selected" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">PNG</li>
                            <li data-value="webp" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">WebP</li>
                            <li data-value="jpeg" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">JPG</li>
                            <li data-value="avif" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f5f5f5;">AVIF</li>
                        </ul>
                    </div>
                    <input type="hidden" id="font-showcase-export-format-input-font-showcase-693f1ce37b3c8" value="png">
                </div>
                
                <!-- Background Toggle -->
                <label class="font-showcase-bg-toggle-label" style="display: flex; align-items: center; gap: 8px; cursor: pointer; background: #f0f0f0; padding: 10px 15px; border-radius: 6px; user-select: none; margin-bottom: 0;">
                    <input type="checkbox" id="font-showcase-export-bg-toggle-font-showcase-693f1ce37b3c8" style="margin: 0;">
                    <span style="font-size: 14px; font-weight: 500; color: #444;">Solid Background</span>
                </label>
            </div>
            
            <!-- Action Buttons -->
            <div class="font-showcase-export-actions" style="display: flex; gap: 12px; margin-bottom: 20px;">
                <button id="font-showcase-copy-export-btn-font-showcase-693f1ce37b3c8" class="font-showcase-export-btn-secondary" style="flex: 1; padding: 12px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 6px; color: #333; font-weight: 600; cursor: pointer; transition: all 0.2s;">
                    Copy Image                </button>
                <button id="font-showcase-save-export-btn-font-showcase-693f1ce37b3c8" class="font-showcase-export-btn-primary" style="flex: 1; padding: 12px; background: #007cba; border: none; border-radius: 6px; color: white; font-weight: 600; cursor: pointer; transition: all 0.2s; box-shadow: 0 2px 5px rgba(0,124,186,0.3);">
                    Save as PNG                </button>
            </div>
            
            <!-- Divider -->
            <div class="font-showcase-export-divider" style="display: flex; align-items: center; margin-bottom: 15px; color: #aaa; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;">
                <span style="flex: 1; height: 1px; background: #eee;"></span>
                <span style="padding: 0 10px;">Data URL</span>
                <span style="flex: 1; height: 1px; background: #eee;"></span>
            </div>
            
            <!-- Data Link -->
            <div class="font-showcase-export-link-container" style="display: flex; border: 1px solid #eee; border-radius: 6px; overflow: hidden;">
                <input type="text" id="font-showcase-export-link-font-showcase-693f1ce37b3c8" readonly placeholder="Image data URL..." style="flex: 1; border: none; padding: 10px; font-size: 12px; color: #666; background: #f9f9f9;">
                <button id="font-showcase-copy-link-export-btn-font-showcase-693f1ce37b3c8" class="font-showcase-export-btn" style="background: #fff; border: none; border-left: 1px solid #eee; padding: 0 15px; color: #007cba; font-weight: 600; cursor: pointer; font-size: 13px;">
                    Copy Link                </button>
            </div>
        </div>
    </div>
</div>

    <!-- Notifications Container -->
    <div id="font-showcase-notifications-font-showcase-693f1ce37b3c8" class="font-showcase-notifications"></div>

    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "Philadelphia Phillies Font",
      "applicationCategory": "DesignApplication",
      "operatingSystem": "Web Browser",
      "offers": {
        "@type": "Offer",
        "price": "0.00",
        "priceCurrency": "USD"
      },
      "featureList": "Real-time Font Preview, Character Glyph Inspector, Instant Font Download, Custom Text & Color Testing, Image Export",
      "screenshot": "https://fontspark.com/wp-content/uploads/2023/01/Philadelphia-Phillies-Font.webp"
    }
    </script>

        <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ItemList",
      "itemListElement": [
        {"@type":"Product","position":1,"name":"Mlb philadelphia Phillies1980 Font","description":"Download Mlb philadelphia Phillies1980 font","offers":{"@type":"Offer","price":"0.00","priceCurrency":"USD","availability":"https:\/\/schema.org\/InStock"},"url":"https:\/\/fontspark.com\/wp-content\/uploads\/fonts\/MLBPhiladelphiaPhillies1980.ttf"}      ]
    }
    </script>
    </div>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="900" height="500" src="https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1900-to-1969.webp" alt="" class="wp-image-3567" style="width:754px;height:418px" srcset="https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1900-to-1969.webp 900w, https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1900-to-1969-300x167.webp 300w, https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1900-to-1969-768x427.webp 768w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption class="wp-element-caption">Phillies Logo from 1900 to 1969</figcaption></figure>
</div>


<h2 class="wp-block-heading"><strong>Logo from 1970 to 1991 </strong></h2>



<p>The Philadelphia Phillies went through several changes to their logo from 1970 to 1991. Most variations featured a stylized letter &#8220;P&#8221; as the main element, including: a red &#8220;P&#8221; with a white baseball in the center (1970–1975); an image of two children dressed in colonial blue robes (1976–1980); a red &#8220;P&#8221; with a baseball in the middle (1981); and a brown &#8220;P&#8221; (1982–1991). The team was experimenting with different variations of logos, but mostly using the stylized letter &#8220;P&#8221; as a representation of the team&#8217;s name.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="652" height="488" src="https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1970-to-1991.webp" alt="" class="wp-image-3569" srcset="https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1970-to-1991.webp 652w, https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1970-to-1991-300x225.webp 300w" sizes="auto, (max-width: 652px) 100vw, 652px" /></figure>
</div>


<h3 class="wp-block-heading"><strong>Similar Font </strong></h3>



<p>There is a font called &#8220;<strong>MLB Philadelphia Phillies 1980</strong>&#8221; that was designed by Twisted Gnome Productions, but it is not officially associated with the team. This font is based on the team&#8217;s overall logo and style during the period from 1970 to 1991, but it might not match the exact style of the logos used during that era. It&#8217;s an inspired font that can be used for personal projects and designs.</p>



<h2 class="wp-block-heading">Logo from 1992 to Today</h2>



<p>From 1992 to 2018, the team featured a blue background with a red contour and a white silhouette of the Liberty Bell in the center, with the team&#8217;s name &#8220;Phillies&#8221; written in red and blue stars adorning the letter &#8220;i.&#8221; In 2019, the team introduced a new, simple logo that featured only the team&#8217;s name, &#8220;Phillies,&#8221; and a Liberty Bell in the background. This design choice reflects the national spirit of the team and its roots, emphasizing continuity with the past and confidence in the future, with a particular emphasis on the two blue stars that replace the dots on the letters &#8220;i&#8221; and an effective design of the letters &#8220;ll.&#8221; The most common thing in these logos is the word &#8220;Phillies,&#8221; which is the same as the previous ones.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="350" src="https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1992-to-today.webp" alt="" class="wp-image-3563" srcset="https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1992-to-today.webp 800w, https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1992-to-today-300x131.webp 300w, https://fontspark.com/wp-content/uploads/2023/01/Phillies-Logo-from-1992-to-today-768x336.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<h3 class="wp-block-heading"><strong>Similar Font</strong></h3>



<p>From 1992 to today, the team&#8217;s logo has been custom-made, and there is no official font used by the team. However, some fonts are similar to the word &#8220;Phillies&#8221; used in their current logo. Like;</p>



<p>1. Robu Choco Script Semi Bold by Typeverything &#8211; <a href="https://www.myfonts.com/collections/robu-choco-script-font-typeverything" data-type="URL" data-id="https://www.myfonts.com/collections/robu-choco-script-font-typeverything" rel="nofollow noopener" target="_blank">Check the Font</a></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="375" height="109" src="https://fontspark.com/wp-content/uploads/2023/01/Robu-Choco-Script-Semi-Bold-byTypeverything.webp.webp" alt="" class="wp-image-3561" srcset="https://fontspark.com/wp-content/uploads/2023/01/Robu-Choco-Script-Semi-Bold-byTypeverything.webp.webp 375w, https://fontspark.com/wp-content/uploads/2023/01/Robu-Choco-Script-Semi-Bold-byTypeverything.webp-300x87.webp 300w" sizes="auto, (max-width: 375px) 100vw, 375px" /></figure>



<p>2. Mulberry Road Cond by Jonahfonts &#8211; <a href="https://www.myfonts.com/collections/mulberry-road-font-jonahfonts" data-type="URL" data-id="https://www.myfonts.com/collections/mulberry-road-font-jonahfonts" rel="nofollow noopener" target="_blank">Check the font</a></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="482" height="132" src="https://fontspark.com/wp-content/uploads/2023/01/Mulberry-Road-Cond-by-Jonahfonts.webp.webp" alt="" class="wp-image-3562" srcset="https://fontspark.com/wp-content/uploads/2023/01/Mulberry-Road-Cond-by-Jonahfonts.webp.webp 482w, https://fontspark.com/wp-content/uploads/2023/01/Mulberry-Road-Cond-by-Jonahfonts.webp-300x82.webp 300w" sizes="auto, (max-width: 482px) 100vw, 482px" /></figure>



<p>3. Enfantine Font has a somewhat similar lowercase &#8211; <a href="https://www.productiontype.com/family/enfantine" data-type="URL" data-id="https://www.productiontype.com/family/enfantine" rel="nofollow noopener" target="_blank">Check the font</a></p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="253" height="127" src="https://fontspark.com/wp-content/uploads/2023/01/Enfantine-baby-bold.webp" alt="" class="wp-image-3570" style="width:451px;height:226px"/></figure>



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



<p><strong><a href="https://fontspark.com/gotham-font-free-download/">Gotham Font</a></strong> (Best Overall): Why it&#8217;s perfect: Gotham is a geometric sans-serif font widely used in MLB team branding. It&#8217;s clean, modern, and creates excellent balance with script fonts.</p>



<p><strong><a href="https://fontspark.com/trade-gothic-font-free-download/">Trade Gothic Font</a></strong>: Why it&#8217;s perfect: Extremely popular in sports design as a condensed sans-serif. Ideal for jersey numbers and secondary text.</p>



<p><strong><a href="https://fontspark.com/athletic-font-free/">Athletic Font</a></strong>: Why it&#8217;s perfect: Sports-themed by name and design. Block-style athletic font that reinforces baseball&#8217;s traditional look.</p>



<p><strong><a href="https://fontspark.com/avenir-font-free-download/">Avenir Font</a></strong>: Why it&#8217;s perfect: Similar to Gotham but with a more humanistic touch. Works for both headlines and body text.</p>



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



<p>The Philadelphia Phillies font is a proprietary MLB creation unavailable for public use. For personal projects, replica fonts like <strong>&#8220;MLB Phillies&#8221;</strong> or commercial alternatives such as URW&#8217;s <strong>&#8220;Philly Sport Script&#8221;</strong> best capture the iconic star-dotted cursive script.</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>
