<?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>Sans Serif &#8211; Different Fonts</title>
	<atom:link href="https://different-fonts.com/tag/sans-serif/feed/" rel="self" type="application/rss+xml" />
	<link>https://different-fonts.com</link>
	<description>Downloads Latest Free and Different Fonts</description>
	<lastBuildDate>Wed, 20 Sep 2023 12:13:50 +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>Sans Serif &#8211; Different Fonts</title>
	<link>https://different-fonts.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>San Francisco Font Free Download</title>
		<link>https://different-fonts.com/san-francisco-font/</link>
					<comments>https://different-fonts.com/san-francisco-font/#respond</comments>
		
		<dc:creator><![CDATA[Easin Arafat]]></dc:creator>
		<pubDate>Tue, 08 Aug 2023 08:44:35 +0000</pubDate>
				<category><![CDATA[Sans-Serif]]></category>
		<category><![CDATA[Apple Font]]></category>
		<category><![CDATA[Apple San Francisco Font]]></category>
		<category><![CDATA[Cool Font]]></category>
		<category><![CDATA[Cool Fonts]]></category>
		<category><![CDATA[Font By Apple]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[free font]]></category>
		<category><![CDATA[Modern Typeface]]></category>
		<category><![CDATA[Neo-Grotesque]]></category>
		<category><![CDATA[Neo-Grotesque Sans Serif Font]]></category>
		<category><![CDATA[Popular Font]]></category>
		<category><![CDATA[San Francisco]]></category>
		<category><![CDATA[San Francisco Font]]></category>
		<category><![CDATA[Sans Serif]]></category>
		<category><![CDATA[SF]]></category>
		<category><![CDATA[SF bold]]></category>
		<category><![CDATA[SF Compact]]></category>
		<category><![CDATA[SF italic]]></category>
		<category><![CDATA[SF Mono]]></category>
		<category><![CDATA[SF pro]]></category>
		<category><![CDATA[Typography]]></category>
		<guid isPermaLink="false">https://different-fonts.com/?p=694</guid>

					<description><![CDATA[San Francisco Font is a neo-grotesque sans-serif font published in November 2014. It is the first typeface released, designed and developed by Apple Inc. This font became popular because of its high legibility on any screen size. It was inspired by Helvetica and DIN font. San Francisco Font is the corporate typeface of Apple Inc. This font&#8230;&#160;<a href="https://different-fonts.com/san-francisco-font/" rel="bookmark"><span class="screen-reader-text">San Francisco Font Free Download</span></a>]]></description>
										<content:encoded><![CDATA[
<p><strong>San Francisco Font </strong>is a neo-grotesque sans-serif font published in November 2014. It is the first typeface released, designed and developed by<a href="https://www.apple.com/" target="_blank" rel="noreferrer noopener"> <strong>Apple Inc</strong></a>. This font became popular because of its high legibility on any screen size. It was inspired by Helvetica and DIN font.</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="800" height="400" src="https://different-fonts.com/wp-content/uploads/2023/09/San-Francisco-Styles.webp" alt="" class="wp-image-2331" srcset="https://different-fonts.com/wp-content/uploads/2023/09/San-Francisco-Styles.webp 800w, https://different-fonts.com/wp-content/uploads/2023/09/San-Francisco-Styles-300x150.webp 300w, https://different-fonts.com/wp-content/uploads/2023/09/San-Francisco-Styles-768x384.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>San Francisco Font is the corporate typeface of Apple Inc. This font replaced Helvetica Neue and Lucida Grande from macOS and iOS. San Francisco Font is also being used on Apple’s Website. This font is used on the Magic Keyboard and the keyboards of the 2015 MacBook and the 2016 MacBook Pro, replacing the previous font called VAG Rounded.</p>



<h2 class="wp-block-heading">Variants of San Francisco</h2>



<p>Apple uses several variants of San Francisco, but three primary variants are notable for general use. They are listed below.</p>



<ol class="wp-block-list">
<li><strong>San Francisco</strong>&nbsp;is for MacOS. iOS amd iPadOS.</li>



<li>&nbsp;<strong>The San Francisco Compact</strong>&nbsp;is for Apple and is mainly used for WatchOS. But this font is also used for keyboards, photos, and product text.</li>



<li>&nbsp;<strong>San Francisco Mono</strong>&nbsp;is used in XCode applications, the Console, and the Terminal.</li>
</ol>



<h2 class="wp-block-heading">San Francisco Font Family</h2>



<p>The San Francisco family includes 12 styles; each style has unique characters, including uppercase, lowercase, punctuation marks, currency signs, etc. The list of styles is given below.</p>



<ul class="wp-block-list">
<li>SF-Compact Font</li>



<li>SF-Compact Rounded Font</li>



<li>SF-Pro Font</li>



<li>SF-Pro Rounded Font</li>



<li>SF-Mono Font</li>



<li>SF-Hello Font</li>



<li>SF-Condensed Font</li>



<li>SF-Cash Font</li>



<li>SF-Shields Font</li>



<li>SF-Camera Font</li>



<li>SF-Arabic Font</li>
</ul>



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



<p>San Francisco is a widely used Apple font. It replaced most of Apple&#8217;s other fonts after its publication.<br>You can use this font for various design purposes. Its different styles can used in different logos, body text, banners, business cards, posters, etc. You can use these fonts on social media to create some eye-catching content. This font suits many formal editorial projects, newspapers, magazines, and more.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="778" height="365" src="https://different-fonts.com/wp-content/uploads/2023/09/San-Francisco-In-use.webp" alt="San Francisco in Use" class="wp-image-2333" srcset="https://different-fonts.com/wp-content/uploads/2023/09/San-Francisco-In-use.webp 778w, https://different-fonts.com/wp-content/uploads/2023/09/San-Francisco-In-use-300x141.webp 300w, https://different-fonts.com/wp-content/uploads/2023/09/San-Francisco-In-use-768x360.webp 768w" sizes="(max-width: 778px) 100vw, 778px" /></figure>



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



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



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



<p>You can use our effective <strong>San Francisco font generator</strong>. By using this tool, you can see the appearance of all the fonts under this font family. This tool allows you to customize your text with different options, such as size, color, and background. You can also preview your generated text in real-time. The generated text and the fonts are available for free download.</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: "SF-Gothican", file: "SF-Gothican.ttf" },
{ name: "SFNSDisplay-Black", file: "SFNSDisplay-Black.otf" },
{ name: "SFNSText-Regular", file: "SFNSText-Regular.otf" },
{ name: "SFNSText-RegularG1", file: "SFNSText-RegularG1.otf" },
{ name: "SFNSText-RegularG2", file: "SFNSText-RegularG2.otf " },
{ name: "SFNSText-RegularG3", file: "SFNSText-RegularG3.otf" },
{ name: "SFNSText-RegularItalic", file: "SFNSText-RegularItalic.otff" },
{ name: "SFNSText-RegularItalicG1", file: "SFNSText-RegularItalicG1.otf" },
{ name: "SFNSText-RegularItalicG2", file: "SFNSText-RegularItalicG2.otf" },
{ name: "SFNSText-RegularItalicG3", file: "SFNSText-RegularItalicG3.otf" },
{ name: "SFNSText-Semibold", file: "SFNSText-Semibold.otf" },
{ name: "SFNSText-SemiboldItalic", file: "SFNSText-SemiboldItalic.otf" }

]

  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 = "San Francisco";

  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>You have heard about San Francisco Font if you are a fan of Apple. It is a versatile font with a bunch of styles. This font is one of the best font for any casual and formal design.<br>Hopefully, This article was interesting and helpful for you. Do you like this article? Let us know in the comment section.</p>



<p>You can also check out other fonts, such as<a href="https://different-fonts.com/barbie-font/"> Barbie Font</a>, <a href="https://different-fonts.com/cooper-black-font/">Cooper Black Font</a> , <a href="https://different-fonts.com/cattle-brand-font-generator/">Cattle Brand Font </a>and<a href="https://different-fonts.com/y2k-fonts/"> Y2k Font</a>. Thank You for reading!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://different-fonts.com/san-francisco-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Times New Bastard: The Bold New Font with a Twist</title>
		<link>https://different-fonts.com/times-new-bastard-font/</link>
					<comments>https://different-fonts.com/times-new-bastard-font/#respond</comments>
		
		<dc:creator><![CDATA[ruhu1615@gmail.com]]></dc:creator>
		<pubDate>Sun, 28 May 2023 14:54:31 +0000</pubDate>
				<category><![CDATA[Different]]></category>
		<category><![CDATA[Font Accessibility]]></category>
		<category><![CDATA[Font Creation]]></category>
		<category><![CDATA[Font Design]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[Font Manipulation]]></category>
		<category><![CDATA[Sans Serif]]></category>
		<category><![CDATA[Times New Bastard Font]]></category>
		<category><![CDATA[Tumblr Trend]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Unique Fonts]]></category>
		<guid isPermaLink="false">https://different-fonts.com/?p=1</guid>

					<description><![CDATA[Are you tired of using the same boring Times New Roman font in all your documents? Then it&#8217;s time to try something new &#8211; Times New Bastard! But Times New Bastard font has a twist: every seventh letter is sans-serif. When first seen it looks like a typographical glitch, or a prank gone wrong. But&#8230;&#160;<a href="https://different-fonts.com/times-new-bastard-font/" rel="bookmark"><span class="screen-reader-text">Times New Bastard: The Bold New Font with a Twist</span></a>]]></description>
										<content:encoded><![CDATA[
<p>Are you tired of using the same boring <strong>Times New Roman </strong>font in all your documents? Then it&#8217;s time to try something new &#8211; <strong>Times New Bastard</strong>!</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="670" height="170" src="https://different-fonts.com/wp-content/uploads/2023/05/Times-New-Roman-font-vs-Times-New-Bastard-Font.webp" alt="" class="wp-image-103" srcset="https://different-fonts.com/wp-content/uploads/2023/05/Times-New-Roman-font-vs-Times-New-Bastard-Font.webp 670w, https://different-fonts.com/wp-content/uploads/2023/05/Times-New-Roman-font-vs-Times-New-Bastard-Font-300x76.webp 300w" sizes="auto, (max-width: 670px) 100vw, 670px" /></figure>
</div>


<p>But <strong>Times New Bastard</strong> font has a twist: every seventh letter is sans-serif. When first seen it looks like a typographical glitch, or a prank gone wrong.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="670" height="114" src="https://different-fonts.com/wp-content/uploads/2023/05/Times-New-Bastard-Font-Example-screenshot.webp" alt="" class="wp-image-104" srcset="https://different-fonts.com/wp-content/uploads/2023/05/Times-New-Bastard-Font-Example-screenshot.webp 670w, https://different-fonts.com/wp-content/uploads/2023/05/Times-New-Bastard-Font-Example-screenshot-300x51.webp 300w" sizes="auto, (max-width: 670px) 100vw, 670px" /></figure>
</div>


<p>But where did this font come from, and why would anyone use it? In this article, we will explore the origin, features, and implications of the Times New Bastard font.</p>



<h2 class="wp-block-heading">The Origin of Times New Bastard Font</h2>



<p>Times New Bastard font was created by <strong><a href="https://ommanyte.tumblr.com/post/186175516275/im-going-to-make-a-new-font-called-times-new/amp" data-type="URL" data-id="https://ommanyte.tumblr.com/post/186175516275/im-going-to-make-a-new-font-called-times-new/amp" target="_blank" rel="noopener">ommanyte</a></strong>, a Tumblr user who had a “terrible idea” to combine two fonts together. They posted a screenshot of their experiment on Tumblr, where it quickly got viral. The screenshot showed text that read:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="600" height="378" src="https://different-fonts.com/wp-content/uploads/2023/05/idea-screenshot.webp" alt="" class="wp-image-105" srcset="https://different-fonts.com/wp-content/uploads/2023/05/idea-screenshot.webp 600w, https://different-fonts.com/wp-content/uploads/2023/05/idea-screenshot-300x189.webp 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
</div>


<p>The post received over 100,000 notes on Tumblr, and many people commented on how funny, weird, or annoying the font was. Some people even tried to write their own text using the font, or suggested other font combinations.</p>



<p>The font creator later uploaded the font files and the source code to <a href="https://github.com/weiweihuanghuang/Times-New-Bastard" data-type="URL" data-id="https://github.com/weiweihuanghuang/Times-New-Bastard" target="_blank" rel="noopener">GitHub</a>, where anyone can download and use them. They also explained how they made the font, and what its limitations and drawbacks are.</p>



<h2 class="wp-block-heading">How to Use Times New Bastard Font</h2>



<p>Times New Bastard font is not a new font, but a clever manipulation of existing fonts. This font is a modified version of <strong>Nimbus Roman No.9 L</strong> and <strong>Nimbus Sans</strong>, two fonts similar to Times New Roman and Arial respectively.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="689" height="172" src="https://different-fonts.com/wp-content/uploads/2023/05/Nimbus-Roman-No-9-L-font-vs-Times-New-Bastard-Font.webp" alt="" class="wp-image-106" srcset="https://different-fonts.com/wp-content/uploads/2023/05/Nimbus-Roman-No-9-L-font-vs-Times-New-Bastard-Font.webp 689w, https://different-fonts.com/wp-content/uploads/2023/05/Nimbus-Roman-No-9-L-font-vs-Times-New-Bastard-Font-300x75.webp 300w" sizes="auto, (max-width: 689px) 100vw, 689px" /></figure>
</div>


<p>They then used a script to replace every seventh letter in the text with its sans-serif counterpart from the <strong>Unicode Mathematical Alphanumeric Symbols</strong> block. This font is suitable for adding a fun and edgy touch to your designs.</p>



<p>This means that the Times New Bastard font is not compatible with most applications or websites, as it requires Unicode fonts and special characters. It also means that the font is not accessible for screen readers or people with visual impairments, as it emits symbols instead of letters. Therefore, using this font for any serious or professional purpose is not recommended.</p>



<p>However, if you want to use this font for fun or personal projects, you can do so by following these steps:</p>



<ul class="wp-block-list">
<li>Use a text editor that supports Unicode fonts and ligatures, such as Notepad++ or Sublime Text.</li>



<li>Turn on ligatures and optimize legibility in your text editor settings.</li>



<li>Write your text using the Times New Bastard font.</li>



<li>Copy and paste your text onto any platform that supports Unicode characters, such as Twitter or Facebook.</li>
</ul>



<p>Also, check <a href="https://www.google.com/search?q=Times+New+Bastard+font+in+use&amp;sxsrf=APwXEddCk1Im6KorGBrPwajN6THJKw7eEw:1685507587917&amp;source=lnms&amp;tbm=isch&amp;sa=X&amp;ved=2ahUKEwii5qyI3Z7_AhWIxDgGHepRBXYQ_AUoAXoECAEQAw&amp;biw=1920&amp;bih=904&amp;dpr=1" data-type="URL" data-id="https://www.google.com/search?q=Times+New+Bastard+font+in+use&amp;sxsrf=APwXEddCk1Im6KorGBrPwajN6THJKw7eEw:1685507587917&amp;source=lnms&amp;tbm=isch&amp;sa=X&amp;ved=2ahUKEwii5qyI3Z7_AhWIxDgGHepRBXYQ_AUoAXoECAEQAw&amp;biw=1920&amp;bih=904&amp;dpr=1" target="_blank" rel="noopener">font in use</a>.</p>



<p>Alternatively, you can use our online font generator below.</p>



<h2 class="wp-block-heading">Times New Bastard Font Generator</h2>



<p>Its a dynamic font preview generator. Users can view different fonts, alter their size, change text and background color, and observe changes in real-time. The generator allows users to download the font files and their customized previews.</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: "TimesNewBastard-Regular", file: "TimesNewBastard-Regular.otf" },
  { name: "TimesNewBastard-Italic", file: "TimesNewBastard-Italic.otf" },
  { name: "TimesNewBastard-BoldItalic", file: "TimesNewBastard-BoldItalic.otf" },
  { name: "TimesNewBastard-Bold", file: "TimesNewBastard-Bold.otf" }

]

  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 = "Times New Bastard";

  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">Frequently Asked Questions</h2>



<p>Here are some common questions and answers about Times New Bastard font:</p>


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1685438380867" class="rank-math-list-item">
<div class="rank-math-question "><strong>Q: Is Times New Bastard font free to use?</strong></div>
<div class="rank-math-answer ">

<p><strong>A:</strong> Yes, Times New Bastard font is free to use for any purpose, as long as you follow the license The license is the <strong>GNU AFFERO GENERAL PUBLIC LICENSE Version</strong>, which allows you to copy, modify, and distribute the font, as long as you disclose the source and share your changes.</p>

</div>
</div>
<div id="faq-question-1685438390065" class="rank-math-list-item">
<div class="rank-math-question "><strong>Q: How can I use Times New Bastard font in Microsoft Office?</strong></div>
<div class="rank-math-answer ">

<p><strong>A:</strong> To use Times New Bastard font in Microsoft Office, you need to turn on ligatures in your font settings. To do this, follow these steps:<br />&#8211; Select the text that you want to apply the font to.<br />&#8211; Click on the Home tab, and then click on the Font dialog box launcher in the bottom-right corner of the Font group.<br />&#8211; In the Font dialog box, click on the Advanced tab.<br />&#8211; Under OpenType Features, select Standard Ligatures from the Ligatures drop-down list.<br />&#8211; Click OK.</p>

</div>
</div>
<div id="faq-question-1685438404856" class="rank-math-list-item">
<div class="rank-math-question "><strong>Q: What are some other fonts that are similar to Times New Bastard font?</strong></div>
<div class="rank-math-answer ">

<p><strong>A:</strong> There are some other fonts that are similar to Times New Bastard font in the sense that they combine different styles or features of fonts. Here are some examples:<br /><strong>Comic Papyrus</strong>: A combination of Comic Sans and Papyrus, two of the most hated fonts in the world.<br /><strong>Helvetica Now Variable</strong>: A variable font that allows you to adjust the weight, width, and optical size of Helvetica, one of the most popular fonts in the world.<br /><strong>Futura Now</strong>: A modernized version of Futura, a classic geometric sans-serif font that has been used for many iconic designs.<br /><strong>Baskerville Display PT</strong>: A display version of Baskerville, a traditional serif font that has been proven to be more persuasive than other fonts.<br /><strong>Zalgo Text</strong>: A text generator that adds diacritical marks and other symbols to your text, creating a distorted and creepy effect.</p>

</div>
</div>
</div>
</div>


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



<p>Times New Bastard font is a creative but controversial choice for writing text. It is a modified version of Times New Roman, but with every seventh letter being sans-serif. It was created by a Tumblr user who had a “terrible idea” to combine two fonts together. It is not compatible with most applications or websites, and it is not accessible for screen readers or people with visual impairments. Some people might find it amusing, original, or eye-catching. Others might find it annoying, distracting, or unprofessional. It depends on your personal taste and the context of your message.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://different-fonts.com/times-new-bastard-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
