<?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>Typography &#8211; What Font Finder</title>
	<atom:link href="https://whatfontfinder.com/search/typography/feed/" rel="self" type="application/rss+xml" />
	<link>https://whatfontfinder.com</link>
	<description>Find fonts for your favorite movies, logos, brands, music, and books.</description>
	<lastBuildDate>Sun, 28 Jan 2024 12:50:07 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://whatfontfinder.com/wp-content/uploads/2023/10/Whatfontfinder-icon.png</url>
	<title>Typography &#8211; What Font Finder</title>
	<link>https://whatfontfinder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>La La Land Font</title>
		<link>https://whatfontfinder.com/la-la-land-font/</link>
					<comments>https://whatfontfinder.com/la-la-land-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 28 Jan 2024 12:46:39 +0000</pubDate>
				<category><![CDATA[Movie]]></category>
		<category><![CDATA[20th Century Designm]]></category>
		<category><![CDATA[Art Deco Font]]></category>
		<category><![CDATA[Film Typography]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Japanese Artistry]]></category>
		<category><![CDATA[La La Land]]></category>
		<category><![CDATA[Movie Fonts]]></category>
		<category><![CDATA[Ryoichi Tsunekawa]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Yasashii Bold]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=3269</guid>

					<description><![CDATA[The font used in the movie "La La Land" is called Yasashii Bold. This art deco font was designed by Ryoichi Tsunekawa.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">La La Land Font Generator</h2>



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

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

    const fontData = [
        { name: "Yasashii-Bold", file: "Yasashii-Bold.ttf", statement: "Replica", customText: "La La Land", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/equipextended-font-hoftype?" } },
        { name: "Upper-East-Side", file: "UpperEastSide.ttf", statement: "Replica", customText: "LA LA LAND" },

    ];

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

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

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

    function updateFontPreviews() {
        const typeInput = controlsContainer.querySelector('input[type="text"]');
        const colorInput = controlsContainer.querySelector('input[type="color"]');
        const sizeInput = controlsContainer.querySelector('input[type="range"]');

        const userEnteredText = typeInput.value.trim(); // Get user-entered text, trimmed to remove leading/trailing whitespace

        Object.keys(fontPreviews).forEach(fontName => {
            const preview = fontPreviews[fontName];
            if (preview) {
                const font = fontData.find(item => item.name === fontName);
                const displayText = userEnteredText !== '' ? userEnteredText : (font.customText || 'Type and Check');
                const color = colorInput.value;
                const size = sizeInput.value + 'px';

                preview.style.color = color;
                preview.style.fontSize = size;
                preview.innerText = displayText;
            }
        });
    }

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

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

        const generateBtn = document.createElement('button');
        generateBtn.classList.add('generateBtn');
        generateBtn.innerText = "Generate";
        generateBtn.addEventListener('click', () => {
            generateImageAndDownload(fontPreview, { name, file });
        });
        fontContainer.appendChild(generateBtn);

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

        previewContainer.appendChild(fontContainer);
    });

    controlsContainer.querySelectorAll('input').forEach(input => {
        input.addEventListener('input', updateFontPreviews);
    });

    updateFontPreviews();

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



<p>The <strong>La La Land font</strong>, Yasashii Bold, is an art deco design by Ryoichi Tsunekawa. Drawing inspiration from Japanese cosmetic packaging and posters of the late 1800s and early 1900s, this font was used to create the title for the award-winning movie &#8220;La La Land&#8221;. Yasashii Bold is a commercial font but you can use <strong>Upper-EastSide Regular font</strong> as free alternative.</p>



<p>&#8220;La La Land&#8221; is a 2016 American musical romance film written and directed by Damien Chazelle. The film stars Ryan Gosling and Emma Stone as a jazz pianist and an aspiring actress, respectively, who meet and fall in love in Los Angeles.</p>



<p>The film, won six Academy Awards and has left a lasting impression not only through its story and performances but also through its distinctive typography.</p>



<p>Check out our other movie fonts like <a href="https://whatfontfinder.com/mulan-font/">Mulan</a>, <a href="https://whatfontfinder.com/tangled-font/">Tangled</a>, <a href="https://whatfontfinder.com/frozen-font/">Frozen</a>, <a href="https://whatfontfinder.com/barbie-movie-font/">Barbie Movie</a> font and etc.</p>



<p>Thanks.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/la-la-land-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>One Piece Font</title>
		<link>https://whatfontfinder.com/one-piece-font/</link>
					<comments>https://whatfontfinder.com/one-piece-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Sun, 24 Dec 2023 13:32:49 +0000</pubDate>
				<category><![CDATA[Anime]]></category>
		<category><![CDATA[adventure]]></category>
		<category><![CDATA[anime]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[japanese]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Luffy]]></category>
		<category><![CDATA[manga]]></category>
		<category><![CDATA[One Piece]]></category>
		<category><![CDATA[one piece font]]></category>
		<category><![CDATA[Pirate]]></category>
		<category><![CDATA[Straw Hat]]></category>
		<category><![CDATA[Typography]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2971</guid>

					<description><![CDATA[
One Piece, created by Eiichiro Oda, boasts a distinctive logo transformed into a unique font by Phantom King Graphics. Featuring both uppercase and lowercase letters, numbers, and symbols, it captures the essence of the series. Sayyeda Font by FG Studios is also a noteworthy choice. The manga and anime follow Monkey D. Luffy's quest for the fabled treasure, One Piece, as he leads the eclectic Straw Hat Pirates through a world filled with adversaries and mysteries.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">One Piece Font Generator</h2>



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

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

        const fontData = [
            { name: "one-piece-font-font", file: "one-piece-font.ttf", statement: "Replica" },
            { name: "Sayyeda-font", file: "Sayyeda.ttf", statement: "Similar" }

        ];

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

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

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

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

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

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

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

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



<p>One Pieceâ€™s logo is an original design, but it has been recreated as a One Piece font by Phantom King Graphics. The font has both uppercase and lowercase letters, as well as numbers and various symbols. Sayyeda Font by FG Studios is another good option.</p>



<p>Eiichiro Oda is the author of the Japanese manga and anime series &#8220;<a href="https://en.wikipedia.org/wiki/One_Piece" target="_blank" rel="noopener">One Piece</a>.&#8221; It follows the adventures of Monkey D. Luffy, a young pirate who dreams of finding the legendary treasure called One Piece and becoming the King of the Pirates. Along his journey, he forms a crew of diverse and loyal friends, known as the Straw Hat Pirates, and faces various enemies and challenges in the vast and mysterious world of One Piece.</p>



<p>If you like this font and looking for more anime fonts then check outÂ <a href="https://whatfontfinder.com/haikyu-font/">Haikyu</a>, <a href="https://whatfontfinder.com/naruto-font/">Naruto</a>,Â <a href="https://whatfontfinder.com/attack-on-titan-font/">Attack on Titan</a>,Â <a href="https://whatfontfinder.com/bleach-font/">Bleach</a>, andÂ <a href="https://whatfontfinder.com/jujutsu-kaisen-font/">Jujutsu Kaisen</a>Â fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/one-piece-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Nike Font</title>
		<link>https://whatfontfinder.com/nike-font/</link>
					<comments>https://whatfontfinder.com/nike-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Thu, 21 Dec 2023 07:53:19 +0000</pubDate>
				<category><![CDATA[SPORT]]></category>
		<category><![CDATA[Athletic Font]]></category>
		<category><![CDATA[Bold Font]]></category>
		<category><![CDATA[Branding Logo design]]></category>
		<category><![CDATA[Commercial use]]></category>
		<category><![CDATA[Corporate font]]></category>
		<category><![CDATA[custom font]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[Nike]]></category>
		<category><![CDATA[Nike font]]></category>
		<category><![CDATA[Professional Font]]></category>
		<category><![CDATA[Sans-serif typeface]]></category>
		<category><![CDATA[Sports Font]]></category>
		<category><![CDATA[Typography]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2919</guid>

					<description><![CDATA[The Nike logo utilizes a custom font, possibly derived from the licensed Impact font designed by Geoffrey Lee in 1965. An alternative, the free Nike Font by FontGet, is available for personal and commercial use. Founded in 1964 by Bill Bowerman and Phil Knight, Nike is a global brand known for innovations like Air Max and Flyknit, along with its iconic swoosh logo and the motivational slogan "Just Do It."]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Nike Font Generator</h2>



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

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

        const fontData = [
            { name: "impact-font", file: "impact.ttf", statement: "Exact", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/impact-font-monotype-imaging" } },
            { name: "NIKE-font", file: "NIKE.ttf", statement: "Replica" }

        ];

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

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

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

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

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

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

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

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



<p>The Nike Font used on the famous Nike logo is a custom font. They probably used the Impact font to create the logo. Impact font is a bold and eye-catching typeface designed by Geoffrey Lee in 1965. You need to purchase a licence to use it. You can also use a free replica font called Nike Font. FontGet created and published it. You can use itÂ for personal and commercial purposes for free.</p>



<p><a href="https://en.wikipedia.org/wiki/Nike,_Inc." target="_blank" rel="noopener">Nike </a>is a global brand that designs, manufactures, and sells athletic footwear, apparel, equipment, and accessories. Bill Bowerman and Phil Knight founded Nike in 1964, and it has its headquarters in Beaverton, Oregon. Nike is known for its innovative products, such as the Air Max, the Flyknit, the Vaporfly, and the Nike+ technology. Nike is also famous for its slogan â€œJust Do Itâ€ and its iconic swoosh logo.</p>



<p>If you liked this font and looking for more sports fonts then we recommendÂ <a href="https://whatfontfinder.com/miami-heat-font/">Miami Heat</a>, <a href="https://whatfontfinder.com/puma-font/">Puma</a>,Â <a href="https://whatfontfinder.com/san-diego-padres-font/">San Diego Padres</a>, andÂ <a href="https://whatfontfinder.com/philadelphia-phillies-font/">Philadelphia Phillies</a>Â fonts now.</p>



<p>Thank you for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/nike-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Reputation Font</title>
		<link>https://whatfontfinder.com/reputation-font/</link>
					<comments>https://whatfontfinder.com/reputation-font/#respond</comments>
		
		<dc:creator><![CDATA[Malcom X]]></dc:creator>
		<pubDate>Tue, 12 Dec 2023 13:00:12 +0000</pubDate>
				<category><![CDATA[Music]]></category>
		<category><![CDATA[album]]></category>
		<category><![CDATA[Artwork]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[cover]]></category>
		<category><![CDATA[Custom]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[electropop]]></category>
		<category><![CDATA[Handmade]]></category>
		<category><![CDATA[Heading]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Pop music]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[R&B]]></category>
		<category><![CDATA[reputation]]></category>
		<category><![CDATA[sans-serif]]></category>
		<category><![CDATA[Taylor Swift]]></category>
		<category><![CDATA[Title]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[urban]]></category>
		<guid isPermaLink="false">https://whatfontfinder.com/?p=2665</guid>

					<description><![CDATA[Discover the font behind Taylor Swift's 'Reputation' album! Swift's design team used the OPTI Engravers' Old English BT Std Regular, a blackletter font inspired by classic Old English script from the 7th to 15th centuries. Released in 1991 by Bitstream, this paid font captures the essence of the album's themes of anger, vengeance, and love. For a free alternative, consider the Olde English font to emulate the impactful style of Swift's critically acclaimed and Grammy-winning sixth album.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Reputation Font Generator</h2>



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

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

        const fontData = [
            { name: "OPTIEngraversOldEnglish-font", file: "OPTIEngraversOldEnglish.otf", statement: "Replica", extraButton: { text: "Buy Now", link: "https://www.myfonts.com/collections/engravers-old-english-font-bitstream" } },
            { name: "OldeEnglish-font", file: "OldeEnglish.ttf", statement: "Free Alternative" }
        ];

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

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

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

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

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

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

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

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



<p>Are you searching for reputation font? Then you&#8217;re in the right spot! Taylor Swift&#8217;s design team used OPTI Engravers&#8217; Old English BT Std Regular font to create the logo. It is a blackletter font released by Bitstream in 1991. It is based on the classic Old English script, widely used in England from the 7th to the 15th centuries. It is a paid font, so you need to purchase a license. You can use Olde English font as a free alternative.</p>



<p><a href="https://en.wikipedia.org/wiki/Reputation_(album)" target="_blank" rel="noopener">Reputation </a>is the sixth album by American singer-songwriter Taylor Swift, released by Big Machine Records on November 10, 2017. It was her last album with the label before moving to Republic Records. Swift wrote and recorded the album during media scrutiny and public feuds with celebrities like Kanye West, Kim Kardashian, and Katy Perry. The album&#8217;s songs are about anger, vengeance, and finding solace in love. It received critical acclaim and won a Grammy award.</p>



<p>If you liked this font and looking for more music fonts then we recommendÂ <a href="https://whatfontfinder.com/shy-away-font/">Shy Away</a>,Â <a href="https://whatfontfinder.com/folklore-taylor-swift-font/">Folklore</a>,Â <a href="https://whatfontfinder.com/wp-admin/post.php?post=1514&amp;action=edit">Evermore</a>, andÂ <a href="https://whatfontfinder.com/the-owl-house-font/">Owl House</a>Â fonts now.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://whatfontfinder.com/reputation-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
