<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Miami Vice Font &#8211; Different Fonts</title>
	<atom:link href="https://different-fonts.com/tag/miami-vice-font/feed/" rel="self" type="application/rss+xml" />
	<link>https://different-fonts.com</link>
	<description>Downloads Latest Free and Different Fonts</description>
	<lastBuildDate>Tue, 24 Oct 2023 09:54:49 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://different-fonts.com/wp-content/uploads/2023/05/cropped-different-fonts-icon-32x32.png</url>
	<title>Miami Vice Font &#8211; Different Fonts</title>
	<link>https://different-fonts.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Miami Vice Font</title>
		<link>https://different-fonts.com/miami-vice-font/</link>
					<comments>https://different-fonts.com/miami-vice-font/#respond</comments>
		
		<dc:creator><![CDATA[Easin Arafat]]></dc:creator>
		<pubDate>Tue, 22 Aug 2023 09:55:01 +0000</pubDate>
				<category><![CDATA[Different]]></category>
		<category><![CDATA[Display Font]]></category>
		<category><![CDATA[Generator]]></category>
		<category><![CDATA[Magazine Fonts]]></category>
		<category><![CDATA[Movie Fonts]]></category>
		<category><![CDATA[Cool Font]]></category>
		<category><![CDATA[Decorative Font]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[Free Font Download]]></category>
		<category><![CDATA[Free Font Generator]]></category>
		<category><![CDATA[Miami Vice Font]]></category>
		<category><![CDATA[Miami Vice Font Generator]]></category>
		<category><![CDATA[Typoface]]></category>
		<category><![CDATA[Typography]]></category>
		<guid isPermaLink="false">https://different-fonts.com/?p=1209</guid>

					<description><![CDATA[Miami Vice font is an art-deco retro-style typeface inspired by the Miami Vice logo. And what is Miami Vice? Miami Vice is a crime drama that aired on NBC from 1984 to 1989. The show follows two undercover detectives, James “Sonny” Crockett and Ricardo “Rico” Tubbs, who work in the vice squad of the Miami&#8230;&#160;<a href="https://different-fonts.com/miami-vice-font/" rel="bookmark"><span class="screen-reader-text">Miami Vice Font</span></a>]]></description>
										<content:encoded><![CDATA[
<p>Miami Vice font is an art-deco retro-style typeface inspired by the Miami Vice logo. And what is Miami Vice? <a href="https://www.imdb.com/title/tt0086759/" target="_blank" rel="noopener">Miami Vice</a> is a crime drama that aired on NBC from 1984 to 1989. The show follows two undercover detectives, James “Sonny” Crockett and Ricardo “Rico” Tubbs, who work in the vice squad of the Miami Police Department.</p>



<p>Miami Vice TV series uses Broadway D font for their poster and logo. They used Broadway D for the top &#8220;Miami&#8221; part and Broadway Stencil for the bottom &#8220;Vice&#8221; part. Mark Fuller Benton created and published Broadway font in 1927. It is a decorative font with a geometric and Art Deco style. It is free for personal use.</p>



<p>In 2018, the city&#8217;s basketball team, <a href="https://different-fonts.com/miami-heat-font/">Miami Heat</a> and Miami Vice had a collaboration. And they released a special edition jersey called Miami Heat Vice. The jersey features the team’s name and number in a font unique to the show logo font. The jersey font is Kalamaya Font.</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="798" height="396" src="https://different-fonts.com/wp-content/uploads/2023/08/Miami-2.webp" alt="" class="wp-image-1226" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Miami-2.webp 798w, https://different-fonts.com/wp-content/uploads/2023/08/Miami-2-300x149.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/Miami-2-768x381.webp 768w" sizes="(max-width: 798px) 100vw, 798px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="400" src="https://different-fonts.com/wp-content/uploads/2023/08/Font-view-Miami-Vice-Font-01-1.webp" alt="" class="wp-image-1227" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Font-view-Miami-Vice-Font-01-1.webp 800w, https://different-fonts.com/wp-content/uploads/2023/08/Font-view-Miami-Vice-Font-01-1-300x150.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/Font-view-Miami-Vice-Font-01-1-768x384.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="801" height="401" src="https://different-fonts.com/wp-content/uploads/2023/08/Miami-symbol-view.webp" alt="" class="wp-image-1228" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Miami-symbol-view.webp 801w, https://different-fonts.com/wp-content/uploads/2023/08/Miami-symbol-view-300x150.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/Miami-symbol-view-768x384.webp 768w" sizes="(max-width: 801px) 100vw, 801px" /></figure>



<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 has-neve-link-hover-color-background-color has-background wp-element-button" href="#miami-vice-font-generator">Generate</a></div>



<div class="wp-block-button"><a class="wp-block-button__link has-nv-site-bg-color has-neve-link-hover-color-background-color has-text-color has-background wp-element-button" href="#miami-vice-font-generator">Download</a></div>
</div>



<h2 class="wp-block-heading">Miami Vice Logo</h2>



<p>The show logo consists of the words “Miami Vice” in a neon-like font with a palm tree silhouette in the background. The logo also changes color depending on the episode or season. The logo has a modern and dynamic feel, reflecting the show’s style and spirit.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="794" height="370" src="https://different-fonts.com/wp-content/uploads/2023/08/Untitled-3.webp" alt="" class="wp-image-1232" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Untitled-3.webp 794w, https://different-fonts.com/wp-content/uploads/2023/08/Untitled-3-300x140.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/Untitled-3-768x358.webp 768w" sizes="auto, (max-width: 794px) 100vw, 794px" /></figure>



<h2 class="wp-block-heading">Some Alternative Fonts to the Miami Vice Font</h2>



<p>Miami Vice font is unique for its association with the TV show. But if you are looking for a similar option then check out the fonts below!</p>



<h5 class="wp-block-heading">VI Mai Anh H</h5>



<p>VI Mai Anh H is a decorative font that can be used as an alternative to Miami Vice Font. It has 233 glyphs and 223 characters, including uppercase, lowercase, punctuation, symbols, numbers, etc.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="798" height="398" src="https://different-fonts.com/wp-content/uploads/2023/08/VI-Mai-Ahn-H.webp" alt="" class="wp-image-1229" srcset="https://different-fonts.com/wp-content/uploads/2023/08/VI-Mai-Ahn-H.webp 798w, https://different-fonts.com/wp-content/uploads/2023/08/VI-Mai-Ahn-H-300x150.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/VI-Mai-Ahn-H-768x383.webp 768w" sizes="auto, (max-width: 798px) 100vw, 798px" /></figure>



<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 has-neve-link-hover-color-background-color has-background wp-element-button" href="#miami-vice-font-generator">Generate</a></div>



<div class="wp-block-button"><a class="wp-block-button__link has-neve-link-hover-color-background-color has-background wp-element-button" href="#miami-vice-font-generator">Download</a></div>
</div>



<h4 class="wp-block-heading">VI Bong Nuoc</h4>



<p>If you want to highlight something in your design, then VI Bong Nuoc font is for you. It is also an alternative to Miami Vice font. It has 230 glyphs and 227 characters and symbols.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="796" height="392" src="https://different-fonts.com/wp-content/uploads/2023/08/VI-Bong-Nuoc.webp" alt="" class="wp-image-1230" srcset="https://different-fonts.com/wp-content/uploads/2023/08/VI-Bong-Nuoc.webp 796w, https://different-fonts.com/wp-content/uploads/2023/08/VI-Bong-Nuoc-300x148.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/VI-Bong-Nuoc-768x378.webp 768w" sizes="auto, (max-width: 796px) 100vw, 796px" /></figure>



<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 has-neve-link-hover-color-background-color has-background wp-element-button" href="#miami-vice-font-generator">Generate</a></div>



<div class="wp-block-button"><a class="wp-block-button__link has-neve-link-hover-color-background-color has-background wp-element-button" href="#miami-vice-font-generator">Download</a></div>
</div>



<h2 class="wp-block-heading" id="miami-vice-font-generator">Miami Vice Font Generator</h2>



<p>Our effective font generator is attached here. Using our font generator and preview maker tools, you may select a font from the dropdown list and type with your preferred font size, color, and background. The created font preview is available for download as an image file, and changes are instantly visible. The typeface can also be downloaded, but only for testing purposes. This process is similar to copying and pasting a font when using an image. So check this out</p>



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

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

const fontData = [
{ name: "BroadwayD", file: "BroadwayD.ttf" },
{ name: "BONGNU1T", file: "BONGNU1T.TTF" },
{ name: "MAH___11", file: "MAH___11.TTF" }

]

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

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

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

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

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

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

  const fontPreviews = {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    fontPreviews[fontName] = fontPreviewArea;

    fontPreviewArea.setAttribute("contenteditable", true);

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

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

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

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

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

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

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

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

  updateFontPreviews();
</script>



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



<p>Miami Vice Font is a decorative font that can be used in any kind of decoration. It can also be used to create logos, magazines, book titles, movie or film titles, etc. This typeface has the power to completely alter the mood of the design because of its effectiveness it is. You must use this font in your works if you are a designer. If you plan to utilize these typefaces, please let me know in the comments section. If you can, please share the article.<br>A designer or someone involved in design-related initiatives has to have an in-depth knowledge of fonts. This information will enable them to choose the ideal font for his design and elevate it to the next level. I&#8217;d like to suggest some fonts, then. You can look them over and make use of them for no cost in your individual project. Such as <strong><a href="https://different-fonts.com/bratz-font/">Bartz Font</a></strong>, <strong><a href="https://different-fonts.com/almost-friday-font/">Almost Friday Font</a></strong>, <strong><a href="https://different-fonts.com/finding-nemo-font/">Finding Nemo Font</a></strong>, <strong><a href="https://different-fonts.com/lego-font/">Lego Font</a></strong> etc.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://different-fonts.com/miami-vice-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
