<?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>Tragan Font Generator &#8211; Different Fonts</title>
	<atom:link href="https://different-fonts.com/tag/tragan-font-generator/feed/" rel="self" type="application/rss+xml" />
	<link>https://different-fonts.com</link>
	<description>Downloads Latest Free and Different Fonts</description>
	<lastBuildDate>Mon, 21 Aug 2023 12:30:29 +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>Tragan Font Generator &#8211; Different Fonts</title>
	<link>https://different-fonts.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Trajan Font</title>
		<link>https://different-fonts.com/trajan-font/</link>
					<comments>https://different-fonts.com/trajan-font/#respond</comments>
		
		<dc:creator><![CDATA[Easin Arafat]]></dc:creator>
		<pubDate>Sat, 19 Aug 2023 12:11:51 +0000</pubDate>
				<category><![CDATA[Movie Fonts]]></category>
		<category><![CDATA[Display Font]]></category>
		<category><![CDATA[Magazine Fonts]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Cool Font]]></category>
		<category><![CDATA[Font Design]]></category>
		<category><![CDATA[logo font]]></category>
		<category><![CDATA[Movie Font]]></category>
		<category><![CDATA[Serif Font]]></category>
		<category><![CDATA[Tragan Font Generator]]></category>
		<category><![CDATA[Trajan Font]]></category>
		<category><![CDATA[Typeface]]></category>
		<category><![CDATA[Typography]]></category>
		<guid isPermaLink="false">https://different-fonts.com/?p=1053</guid>

					<description><![CDATA[For many different types of digital designers, Trajan Font is a fairly well-known font. In this article, we will tell you about this very simple text font that is related to the history of Rome. So, let&#8217;s know about this font family. What is Trajan Font Trajan Font Family is a serif and all-capital typeface&#8230;&#160;<a href="https://different-fonts.com/trajan-font/" rel="bookmark"><span class="screen-reader-text">Trajan Font</span></a>]]></description>
										<content:encoded><![CDATA[
<p>For many different types of digital designers, Trajan Font is a fairly well-known font. In this article, we will tell you about  this very simple text font that is related to the history of Rome. So, let&#8217;s know about this font family.</p>



<h2 class="wp-block-heading">What is Trajan Font</h2>



<p>Trajan Font Family is a serif and all-capital typeface that was designed by <strong><a href="https://en.wikipedia.org/wiki/Carol_Twombly" target="_blank" rel="noopener">Carol Twombly</a> </strong>and published by <strong><a href="https://www.adobe.com/" target="_blank" rel="noopener">Adobe</a>.</strong> Carol Twombly designed this font when she was working at Adobe. She designed a lot of typefaces, and some of them are very famous. She is the co-designer of Mostly known font <strong>Myriad Pro</strong>, it was designed by her and <strong><a href="https://en.wikipedia.org/wiki/Robert_Slimbach" target="_blank" rel="noopener">Robert Slimbach</a>.</strong></p>



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



<p>Carol was inspired by an old Roman epigraph. In those inscriptions, only capital letters were found. And the other best part was that the letters provided full clarity while watching and were easy to read. So they designed this type after following that, and the font became modern printed materials.</p>



<p>Because of the influence of Roman inscription, the designers designed this font family with sharpness, its legibility is very high so its very easy to read at a distance. This font was designed mainly for display text, but now its usage is expanding. Its license is free for personal and commercial usage.</p>



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



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



<p>As we told earlier, Trajan is a clean serif typeface font family. Its usage has fewer limitations and can be used for a variety of purposes.</p>



<p>It can be used as a magazine title. There are some magazines that regularly use Trajan in their articles. It can be used in digital postering because it has been seen in a large number of movie title sequences. This font is used in a huge number of world-famous movies, like <strong>Titanic</strong>, <strong>The Perfect Strom</strong>, <strong>Star Gate </strong>etc. This font is perfect for various kinds of packaging. It is seen on various DVD packaging. This font is seen in banners as well.</p>



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



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



<p>This font family is an example of Roman classic lettering. Which had their own popularity peak in the first century A.D. This is an elegant font that is suitable for magazines, posters, billboards, and books. There are a variety of weights and sizes in the Trajan font family. You can see three weights of this font family and they are mentioned below.</p>



<p><strong>1.Trajan Color</strong></p>



<p>This is a colorful version of the Trajan regular font. Its royal color texture gives it a premium look. It has 493 glyphs and 497 characters.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="979" height="192" src="https://different-fonts.com/wp-content/uploads/2023/08/Screenshot_23.webp" alt="" class="wp-image-1063" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Screenshot_23.webp 979w, https://different-fonts.com/wp-content/uploads/2023/08/Screenshot_23-300x59.webp 300w, https://different-fonts.com/wp-content/uploads/2023/08/Screenshot_23-768x151.webp 768w" sizes="auto, (max-width: 979px) 100vw, 979px" /></figure>
</div>


<p><strong>2.TrajanPro-Bold</strong></p>



<p>This typeface also comes from the Trajan Font Family. It is the bold version of the Trajan regular typeface. It has 493 glyphs and 497 characters.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="462" height="126" src="https://different-fonts.com/wp-content/uploads/2023/08/Screenshot_25.webp" alt="" class="wp-image-1064" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Screenshot_25.webp 462w, https://different-fonts.com/wp-content/uploads/2023/08/Screenshot_25-300x82.webp 300w" sizes="auto, (max-width: 462px) 100vw, 462px" /></figure>
</div>


<p><strong>3.TranajnPro-Regular</strong></p>



<p>It has 495 glyphs and 497 characters.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="729" height="175" src="https://different-fonts.com/wp-content/uploads/2023/08/Screenshot_24.webp" alt="" class="wp-image-1065" srcset="https://different-fonts.com/wp-content/uploads/2023/08/Screenshot_24.webp 729w, https://different-fonts.com/wp-content/uploads/2023/08/Screenshot_24-300x72.webp 300w" sizes="auto, (max-width: 729px) 100vw, 729px" /></figure>
</div>


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



<p>You can check this out at our powerful font generator. By using this, you can customize the font weights, sizes, color, and background color. You can easily assume the appearance of this font in your design with the help of this generator. We are going to add the download option as well.</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: "Trajan-Pro", file: "Trajan-Pro.ttf" },
{ name: "TrajanPro-Bold", file: "TrajanPro-Bold.otf" },
{ name: "TrajanPro-Regular", file: "TrajanPro-Regular.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 = "TRAJAN";

  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>At this point, let me know in the comment section if you like the Trajan font family. It is an indicator of ancient Roman lettering, and this font family can be used for a variety of personal and commercial, digital and analog projects. Trajan Font is a perfect example of a serif font because of its sharp and precious looks. If you are a designer, try it out on your display text design or in a magazine. It will make your design appear and beautiful.</p>



<p>Thank you for reading the article. Please share if possible. You can use some other fonts, such as <strong><a href="https://different-fonts.com/pacifico-font/">Pacifico Font</a></strong>, <strong><a href="https://different-fonts.com/finding-nemo-font/">Finding Nemo Font</a></strong>,<a href="https://different-fonts.com/pretty-you-font-free-download/"> </a><strong><a href="https://different-fonts.com/pretty-you-font-free-download/">Pretty You Fonts</a>,</strong> and <strong><a href="https://different-fonts.com/the-chrome-hearts-font/">Chrome Hearts Font.</a></strong></p>
]]></content:encoded>
					
					<wfw:commentRss>https://different-fonts.com/trajan-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
