<?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>we the people font download &#8211; Different Fonts</title>
	<atom:link href="https://different-fonts.com/tag/we-the-people-font-download/feed/" rel="self" type="application/rss+xml" />
	<link>https://different-fonts.com</link>
	<description>Downloads Latest Free and Different Fonts</description>
	<lastBuildDate>Sat, 16 Sep 2023 12:44:24 +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>we the people font download &#8211; Different Fonts</title>
	<link>https://different-fonts.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>We the People Font</title>
		<link>https://different-fonts.com/we-the-people-font/</link>
					<comments>https://different-fonts.com/we-the-people-font/#respond</comments>
		
		<dc:creator><![CDATA[Easin Arafat]]></dc:creator>
		<pubDate>Sat, 16 Sep 2023 12:43:43 +0000</pubDate>
				<category><![CDATA[Display Font]]></category>
		<category><![CDATA[Serif]]></category>
		<category><![CDATA[american]]></category>
		<category><![CDATA[Calligraphy]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Font Generator]]></category>
		<category><![CDATA[Free Tools]]></category>
		<category><![CDATA[Gothic Fonts]]></category>
		<category><![CDATA[history]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[Typeface]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[us constitution font]]></category>
		<category><![CDATA[we the people constitution]]></category>
		<category><![CDATA[we the people font]]></category>
		<category><![CDATA[we the people font download]]></category>
		<category><![CDATA[we the people font generator]]></category>
		<guid isPermaLink="false">https://different-fonts.com/?p=2111</guid>

					<description><![CDATA[We The People font was inspired by the US Constitution preamble that starts with &#8220;We the people.&#8221; Jacob Schallus was the penman of the original US Constitution. Under the guidance of Thomas Jefferson and others, he, a Pennsylvania clerk, wrote it by hand in 1787. The font features a script style that resembles his elegant&#8230;&#160;<a href="https://different-fonts.com/we-the-people-font/" rel="bookmark"><span class="screen-reader-text">We the People Font</span></a>]]></description>
										<content:encoded><![CDATA[
<p>We The People font was inspired by the <strong><a href="https://www.senate.gov/civics/constitution_item/constitution.htm" target="_blank" rel="noopener">US Constitution</a></strong> preamble that starts with &#8220;We the people.&#8221; Jacob Schallus was the penman of the original US Constitution. Under the guidance of Thomas Jefferson and others, he, a Pennsylvania clerk, wrote it by hand in 1787. The font features a script style that resembles his elegant and historical penmanship. And today, we will talk about the font and tell you everything about it.</p>



<h2 class="wp-block-heading">What Font is We the People?</h2>



<p>We the People font, a handwritten font, is a tribute to the US Constitution, one of the most important documents in American history. The Constitution is the supreme law of the United States. It establishes the structure and principles of the federal government, as well as the rights and duties of citizens.</p>



<p>This font is based on We the People. Kath Bates from K-Type, a type designer and font engineer who has worked on many famous fonts, designed this font.</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="900" height="500" src="https://different-fonts.com/wp-content/uploads/2023/09/We-the-people-preamble-vs-We-the-people-font-similarity-example.webp" alt="We the people preamble vs We the people font similarity example" class="wp-image-2114" srcset="https://different-fonts.com/wp-content/uploads/2023/09/We-the-people-preamble-vs-We-the-people-font-similarity-example.webp 900w, https://different-fonts.com/wp-content/uploads/2023/09/We-the-people-preamble-vs-We-the-people-font-similarity-example-300x167.webp 300w, https://different-fonts.com/wp-content/uploads/2023/09/We-the-people-preamble-vs-We-the-people-font-similarity-example-768x427.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<h2 class="wp-block-heading">We the People Font Characteristics and Usage</h2>



<p>We the People font has a Gothic and ornate look. It is influenced by the old German writing styles used in George Bickham’s books on how to write beautifully. The font has some different letters, such as a W that looks like two V’s, some letters with extra curls, and two simpler versions of the A. The font also has decorative shapes and a round dot that can be used for decimals.</p>



<p>This font is suitable for various design projects related to the US Constitution. You can use the font to create posters or banners for <strong><a href="https://en.wikipedia.org/wiki/Independence_Day_(United_States)" target="_blank" rel="noopener">Independence Day</a></strong> or Constitution Day. You can use the font to give your designs a patriotic and historical feel. It&#8217;s definitely suited for formal events like weddings, graduations, or ceremonies. You can also use it to create educational materials related to the Constitution or create art installations or designs for museum exhibitions. You should definitely check out this font in our font generator below!</p>



<h2 class="wp-block-heading">We the People Font Generator</h2>



<p>Experience We the People&#8217;s beautiful typography with our We the People font generator. This tool allows you to check how your text would display in different fonts similar to the font and download the ones you prefer. You can also obtain a PNG preview of the picked font for easy access.</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: "WeThePeople", file: "WeThePeople.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 = "We the people Font";

  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>



<p></p>



<h2 class="wp-block-heading">Suggested Fonts to Explore</h2>



<p>After getting the &#8220;We The People&#8221; font, consider exploring other fonts to diversify your design toolkit:</p>



<ul class="wp-block-list">
<li><strong>American Scribe</strong>: Based on Timothy Matlack’s handwriting.</li>



<li><strong><a href="https://www.myfonts.com/collections/declaration-font-p22/" target="_blank" rel="noopener">P22 Declaration</a></strong>: Inspired by the handwriting of Thomas Jefferson and John Adams.</li>



<li><strong><a href="https://different-fonts.com/old-english-font-generator/">Old English Text</a></strong>: A classic blackletter font.</li>
</ul>



<p>Note that although they might look similar we the people they aren&#8217;t free fonts. So you should buy them first before using them.</p>



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



<p>We The People font is not just a typeface; it&#8217;s a piece of history, a reflection of the US Constitution. The font also shows how typography can convey meaning and emotion beautifully and effectively. If you want to try it out, then you can use our font generator. And you can download it for free from our link now!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://different-fonts.com/we-the-people-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
