-
Notifications
You must be signed in to change notification settings - Fork 0
/
how-to-use-fraunces-font.html
4 lines (4 loc) · 41.5 KB
/
how-to-use-fraunces-font.html
1
2
3
4
<!DOCTYPE html><html lang="en-gb"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>how to use fraunces font</title><meta name="description" content="Fraunces is a friendly serif with a sense of charming wonkiness. It is perfect for a tech startup looking to have a warm, offbeat vibe and brand personality. "><meta name="generator" content="Publii Open-Source CMS for Static Site"><script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=G-4CXZNXBG98"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4CXZNXBG98' , { 'anonymize_ip': true });</script><link rel="canonical" href="https://typogram.co/font-discovery/how-to-use-fraunces-font.html"><link rel="alternate" type="application/atom+xml" href="https://typogram.co/font-discovery/feed.xml"><link rel="alternate" type="application/json" href="https://typogram.co/font-discovery/feed.json"><meta property="og:title" content="How to Use Fraunces: Communicate Friendly Wonkiness with This Serif Font"><meta property="og:image" content="https://typogram.co/font-discovery/media/posts/39/cover.png"><meta property="og:site_name" content="FontDiscovery"><meta property="og:description" content="Fraunces is a friendly serif with a sense of charming wonkiness. It is perfect for a tech startup looking to have a warm, offbeat vibe and brand personality. "><meta property="og:url" content="https://typogram.co/font-discovery/how-to-use-fraunces-font.html"><meta property="og:type" content="article"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@typogramco"><meta name="twitter:title" content="How to Use Fraunces: Communicate Friendly Wonkiness with This Serif Font"><meta name="twitter:description" content="Fraunces is a friendly serif with a sense of charming wonkiness. It is perfect for a tech startup looking to have a warm, offbeat vibe and brand personality. "><meta name="twitter:image" content="https://typogram.co/font-discovery/media/posts/39/cover.png"><link rel="shortcut icon" href="https://typogram.co/font-discovery/media/website/typogram-profile.png" type="image/x-icon"><link rel="preload" href="https://typogram.co/font-discovery/assets/dynamic/fonts/playfairdisplay/playfairdisplay.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="https://typogram.co/font-discovery/assets/css/style.css?v=7daf537e15a264d1659fc17ee8574c6d"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://typogram.co/font-discovery/how-to-use-fraunces-font.html"},"headline":"How to Use Fraunces: Communicate Friendly Wonkiness with This Serif Font","datePublished":"2022-06-10T21:55","dateModified":"2022-06-10T22:30","image":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/posts/39/cover.png","height":694,"width":1075},"description":"Fraunces is a friendly serif with a sense of charming wonkiness. It is perfect for a tech startup looking to have a warm, offbeat vibe and brand personality. ","author":{"@type":"Person","name":"Hua Shu","url":"https://typogram.co/font-discovery/authors/hua-shu/"},"publisher":{"@type":"Organization","name":"Hua Shu","logo":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/website/Typogram-logo-2.svg","height":500,"width":2396}}}</script></head><body><div class="container"><header class="header" id="js-header"><a href="https://www.typogram.co/" class="logo"><img src="https://typogram.co/font-discovery/media/website/Typogram-logo-2.svg" alt="FontDiscovery"></a><nav class="navbar js-navbar"><button class="navbar__toggle js-toggle" aria-label="Menu"><span class="navbar__toggle-box"><span class="navbar__toggle-inner">Menu</span></span></button><ul class="navbar__menu"><li class="has-submenu"><a href="https://typogram.co/font-discovery/" target="_self" aria-haspopup="true">FontDiscovery</a><ul class="navbar__submenu level-2" aria-hidden="true"><li><a href="https://typogram.co/font-discovery/tags/serif/" title="Serif" target="_self">Serif</a></li><li><a href="https://typogram.co/font-discovery/tags/slab-serif/" title="Slab Serif" target="_self">Slab Serif</a></li><li><a href="https://typogram.co/font-discovery/tags/sans-serif/" target="_self">Sans Serif</a></li><li><a href="https://typogram.co/font-discovery/tags/script/" target="_self">Script</a></li><li><a href="https://typogram.co/font-discovery/tags/display/" target="_self">Display</a></li></ul></li><li><a href="https://typogram.co/blog/" target="_self">Typogram's Blog</a></li><li><a href="https://typogram.co/build" title="BuildinPublic" target="_self">BuildinPublic</a></li><li><a href="https://typogram.co/help" title="Help Center" target="_self">Help Center</a></li><li><a href="https://typogram.co/blog/about-us/" title="About Us" target="_self">About Us</a></li><li class="pre-order-button"><a href="https://typogram.co/app/sign-in.html" title="SIGN-IN" target="_self">Sign-in</a></li></ul></nav></header><main><article class="post wrapper"><header class="hero"><p class="post__meta">By <a href="https://typogram.co/font-discovery/authors/hua-shu/" rel="author" title="Hua Shu">Hua Shu</a> Published on <time datetime="2022-06-10T21:55">June 10, 2022</time></p><h1 class="post__title">How to Use Fraunces: Communicate Friendly Wonkiness with This Serif Font</h1></header><figure class="post__featured-image post__image--wide"><img src="https://typogram.co/font-discovery/media/posts/39/cover.png" srcset="https://typogram.co/font-discovery/media/posts/39/responsive/cover-xs.png 300w, https://typogram.co/font-discovery/media/posts/39/responsive/cover-sm.png 480w, https://typogram.co/font-discovery/media/posts/39/responsive/cover-md.png 768w, https://typogram.co/font-discovery/media/posts/39/responsive/cover-lg.png 1024w, https://typogram.co/font-discovery/media/posts/39/responsive/cover-xl.png 1360w, https://typogram.co/font-discovery/media/posts/39/responsive/cover-2xl.png 1600w, https://typogram.co/font-discovery/media/posts/39/responsive/cover-sm2.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" loading="eager" height="694" width="1075" alt="Fraunces cover"></figure><p align="center"><em>Welcome to <a href="https://typogram.co/">Typogram’s</a> FontDiscovery newsletter, written by your resident font and design nerd, <a href="https://twitter.com/HuaTweets">Hua</a>. Want to learn more about font and design? Subscribe FontDiscovery to get weekly doses of learning and inspiration♪</em></p><div class="iframe-container"><iframe width="auto" height="100 px" src="https://fontdiscovery.typogram.co/embed" frameborder="0" scrolling="no"></iframe></div><hr><div class="post__entry"><h4>In This Issue…</h4><h1>How to Use Fraunces for Logo, Branding & More</h1><p> </p><ul><li>Fonts: <a href="https://fonts.google.com/specimen/Fraunces" target="_blank" rel="noopener noreferrer">Fraunces</a>, classic yet charmingly wonky font</li><li>Design idea: What is Variable Font</li><li>Color Inspiration: Garden of Earthly Delights </li></ul><div class="captioned-image-container"><figure><figure class="post__image"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47875f81-2528-4be6-876b-19ac67873a44_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47875f81-2528-4be6-876b-19ac67873a44_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47875f81-2528-4be6-876b-19ac67873a44_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47875f81-2528-4be6-876b-19ac67873a44_1074x693.png 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/47875f81-2528-4be6-876b-19ac67873a44_1074x693.png" data-is-external-image="true" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47875f81-2528-4be6-876b-19ac67873a44_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47875f81-2528-4be6-876b-19ac67873a44_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47875f81-2528-4be6-876b-19ac67873a44_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47875f81-2528-4be6-876b-19ac67873a44_1074x693.png 1456w" alt="fraunces example" width="1074" height="693" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/47875f81-2528-4be6-876b-19ac67873a44_1074x693.png","fullscreen":null,"imageSize":null,"height":693,"width":1074,"resizeWidth":null,"bytes":43063,"alt":null,"title":null,"type":"image/png","href":null}"></figure></figure></div><div><hr></div><h3>Font of the Week</h3><h2>A True Classic</h2><p>Similar to <a href="https://typogram.co/font-discovery/how-to-use-eb-garamond-font.html">EB Garamond</a>, Fraunces is also what's considered an “old-style serif.” An old-style serif communicates traditional values. Comparing Fraunces to <a href="https://typogram.co/font-discovery/how-to-use-playfair-display-font.html" title="Playfair Display,">Playfair Display,</a> you will notice that Fraunces retains the classic seriousness of the serif but lacks the stylish gracefulness of Playfair. But if we compare Fraunces and EB Garamond, though both are old-style serifs, Fraunces offers more personality with “wonky” letters and angler uppercase. Is your project giving investment advice with a saucy attitude? Or reconsidering traditional business, like <a href="https://www.builtinnyc.com/2020/07/23/misfits-market-raises-85m-hiring" title="Misfit Market" target="_blank" rel="noopener noreferrer">Misfit Market</a> with grocery shopping? If you are looking to communicate a classic voice with a twist, Fraunces is a fantastic choice.</p><div class="captioned-image-container"><figure><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fec186657-5bdd-4e6c-bcdc-625e18a08eb3_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fec186657-5bdd-4e6c-bcdc-625e18a08eb3_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fec186657-5bdd-4e6c-bcdc-625e18a08eb3_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fec186657-5bdd-4e6c-bcdc-625e18a08eb3_1074x693.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/ec186657-5bdd-4e6c-bcdc-625e18a08eb3_1074x693.png" data-is-external-image="true" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fec186657-5bdd-4e6c-bcdc-625e18a08eb3_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fec186657-5bdd-4e6c-bcdc-625e18a08eb3_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fec186657-5bdd-4e6c-bcdc-625e18a08eb3_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fec186657-5bdd-4e6c-bcdc-625e18a08eb3_1074x693.png 1456w" alt="img: compare Frances with several other serifs" width="907" height="646" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/ec186657-5bdd-4e6c-bcdc-625e18a08eb3_1074x693.png","fullscreen":null,"imageSize":null,"height":693,"width":1074,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}"></figure><figcaption>Compare Frances with several other serifs</figcaption></figure></figure></div><h2><strong>Font Details</strong></h2><ul><li>This font has three versions: 9pt, 72pt, and 144pt</li><li>Six different weights, each with regular and italic versions</li><li>Each “pt” version also comes with several different stylistic versions available, thanks to variable font (see design idea this week for a more in-depth explanation) </li></ul><div class="captioned-image-container"><figure><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F25dda1bd-d628-4955-95ae-64464b998a21_1600x548.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F25dda1bd-d628-4955-95ae-64464b998a21_1600x548.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F25dda1bd-d628-4955-95ae-64464b998a21_1600x548.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F25dda1bd-d628-4955-95ae-64464b998a21_1600x548.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/25dda1bd-d628-4955-95ae-64464b998a21_1600x548.png" data-is-external-image="true" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F25dda1bd-d628-4955-95ae-64464b998a21_1600x548.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F25dda1bd-d628-4955-95ae-64464b998a21_1600x548.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F25dda1bd-d628-4955-95ae-64464b998a21_1600x548.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F25dda1bd-d628-4955-95ae-64464b998a21_1600x548.png 1456w" alt="9pt, 72pt, and 144pt versions of Fraunces, each with six different weights, not pictured: italics for each weight" width="1456" height="499" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/25dda1bd-d628-4955-95ae-64464b998a21_1600x548.png","fullscreen":null,"imageSize":null,"height":499,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}"></figure><figcaption>9pt, 72pt, and 144pt versions of Fraunces, each with six different weights, not pictured: italics for each weight</figcaption></figure></figure></div><div class="captioned-image-container"><figure><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F80333cc2-408a-411c-af2c-6d0c71d6c2e1_1600x548.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F80333cc2-408a-411c-af2c-6d0c71d6c2e1_1600x548.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F80333cc2-408a-411c-af2c-6d0c71d6c2e1_1600x548.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F80333cc2-408a-411c-af2c-6d0c71d6c2e1_1600x548.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/80333cc2-408a-411c-af2c-6d0c71d6c2e1_1600x548.png" data-is-external-image="true" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F80333cc2-408a-411c-af2c-6d0c71d6c2e1_1600x548.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F80333cc2-408a-411c-af2c-6d0c71d6c2e1_1600x548.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F80333cc2-408a-411c-af2c-6d0c71d6c2e1_1600x548.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F80333cc2-408a-411c-af2c-6d0c71d6c2e1_1600x548.png 1456w" alt="Some wonky instances of Fraunces" width="1456" height="499" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/80333cc2-408a-411c-af2c-6d0c71d6c2e1_1600x548.png","fullscreen":null,"imageSize":null,"height":499,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}"></figure><figcaption>Some wonky instances of Fraunces</figcaption></figure></figure></div><h2><strong>How do I use Fraunces for logos? </strong></h2><ul><li>Communicates classic vibes with friendliness and comforting wonkiness.</li><li>It’s perfect for heritage or classic brand that wants to have a warm, slightly offbeat personality.</li></ul><h2><strong>How do I use Fraunces for marketing? </strong></h2><ul><li>Use “9 pt” (9px) version on small paragraph text. This version has optimized readability for small sizes.</li><li>Use “72 pt” (72px) for large size, better for headlines on the landing page.</li><li>Use “144 pt” (144px), is eye-catching for hero page graphics. </li></ul><div class="captioned-image-container"><figure><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fa0a0d187-ccf1-4d9e-9476-a95eec2f5cf1_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fa0a0d187-ccf1-4d9e-9476-a95eec2f5cf1_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fa0a0d187-ccf1-4d9e-9476-a95eec2f5cf1_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fa0a0d187-ccf1-4d9e-9476-a95eec2f5cf1_1074x693.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/a0a0d187-ccf1-4d9e-9476-a95eec2f5cf1_1074x693.png" data-is-external-image="true" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fa0a0d187-ccf1-4d9e-9476-a95eec2f5cf1_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fa0a0d187-ccf1-4d9e-9476-a95eec2f5cf1_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fa0a0d187-ccf1-4d9e-9476-a95eec2f5cf1_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fa0a0d187-ccf1-4d9e-9476-a95eec2f5cf1_1074x693.png 1456w" alt="Example of Fraunces; source: FontInUse" width="817" height="558" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/a0a0d187-ccf1-4d9e-9476-a95eec2f5cf1_1074x693.png","fullscreen":null,"imageSize":null,"height":693,"width":1074,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}"></figure><figcaption>Example of Fraunces; source: FontInUse</figcaption></figure></figure></div><div><hr></div><h4><strong>Design Idea of the Week</strong></h4><h2><strong>What is Variable Font</strong></h2><p>Variable font is a new font technology that allows a font to “generate” infinite weights and styles based on predefined parameters by its designers. Usually, if you select a font, you will often have limited weights, such as “regular” and “bold.” </p><p>But with variable font, you can have infinite weight choices because you can have everything between regular and bold. This interpolation also works for font styles, which is the case for Fraunces. As a variable font, Fraunces has four types of axes:</p><ul><li>Weight: adjusts the thickness of the strokes.</li><li>Optical Size: adjusts thin strokes and letter spacing to optimize rendering for any given font size. Usually, the bigger the font size, the thinner the thin strokes.</li><li>Wonkiness: this exaggerates some wonkiness traits of certain letters.</li><li>Softness: this controls stroke thickness. More softness means stroke becomes thicker and more consistent overall, causing it to be softer rather than crisp and sharp.</li></ul><p>Typically, variable fonts come with traditional static versions, making them more compatible with most design apps. These static versions are more than enough for many cool projects. Nevertheless, if you use the variable font version of this font, you can customize the parameters for each axis in CSS to create your unique flavor of the font for your designs!</p><div class="captioned-image-container"><figure><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/d14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif" data-is-external-image="true" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 1456w" alt="Fraunces being interpolated on soft axis; source: undercase" width="1050" height="861" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/d14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif","fullscreen":null,"imageSize":null,"height":495,"width":600,"resizeWidth":null,"bytes":1412479,"alt":null,"title":null,"type":"image/gif","href":null}"></figure><figcaption>Fraunces being interpolated on soft axis; source: <a href="https://fraunces.undercase.xyz/" target="_blank" rel="noopener noreferrer">undercase</a></figcaption></figure></figure></div><div><hr></div><h4><strong>Color Inspiration of the Week </strong></h4><h2>Garden of Earthly Delights</h2><p>We will extend the classic yet offbeat theme this week into our color inspiration by featuring this wonderful yet strange painting: <em><a href="https://en.wikipedia.org/wiki/The_Garden_of_Earthly_Delights" target="null">Garden of Earthly Delights</a></em>, created by <a href="https://en.wikipedia.org/wiki/Hieronymus_Bosch" target="_blank" rel="noopener noreferrer">Hieronymus Bosch</a> between 1490 and 1510. This painting is filled with extremely enigmatic and intricate symbolism.</p><div class="captioned-image-container"><figure><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4e50b651-b557-46ee-8a7c-852e7747f64e_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4e50b651-b557-46ee-8a7c-852e7747f64e_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4e50b651-b557-46ee-8a7c-852e7747f64e_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4e50b651-b557-46ee-8a7c-852e7747f64e_1074x693.png 1456w" sizes="100vw"></picture><figure class="post__image"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/4e50b651-b557-46ee-8a7c-852e7747f64e_1074x693.png" data-is-external-image="true" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4e50b651-b557-46ee-8a7c-852e7747f64e_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4e50b651-b557-46ee-8a7c-852e7747f64e_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4e50b651-b557-46ee-8a7c-852e7747f64e_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4e50b651-b557-46ee-8a7c-852e7747f64e_1074x693.png 1456w" alt="img: a detail of Garden of Earthly Delights" width="1074" height="693" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/4e50b651-b557-46ee-8a7c-852e7747f64e_1074x693.png","fullscreen":null,"imageSize":null,"height":693,"width":1074,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}"></figure><figcaption>A detail of Garden of Earthly Delights</figcaption></figure></figure></div><div><hr></div><h4><strong>Creative Prompt</strong></h4><p>Can you create a visual for Twitter or Instagram using Fraunces or the color palette we featured today?</p><h4><strong>Thank you</strong></h4><p>…for reading and hanging out here this week! <strong>Fraunces is available </strong><a href="https://fonts.google.com/specimen/Fraunces" target="_blank" rel="noopener noreferrer">here.</a></p><div class="captioned-image-container"><figure><figure class="sizing-normal"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3cb9d7aa-79b3-463b-91ed-6a387d876d04_1519x759.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3cb9d7aa-79b3-463b-91ed-6a387d876d04_1519x759.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3cb9d7aa-79b3-463b-91ed-6a387d876d04_1519x759.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3cb9d7aa-79b3-463b-91ed-6a387d876d04_1519x759.png 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/3cb9d7aa-79b3-463b-91ed-6a387d876d04_1519x759.png" data-is-external-image="true" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3cb9d7aa-79b3-463b-91ed-6a387d876d04_1519x759.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3cb9d7aa-79b3-463b-91ed-6a387d876d04_1519x759.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3cb9d7aa-79b3-463b-91ed-6a387d876d04_1519x759.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3cb9d7aa-79b3-463b-91ed-6a387d876d04_1519x759.png 1456w" alt="" width="1456" height="728" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/3cb9d7aa-79b3-463b-91ed-6a387d876d04_1519x759.png","fullscreen":null,"imageSize":null,"height":728,"width":1456,"resizeWidth":null,"bytes":63701,"alt":null,"title":null,"type":"image/png","href":null}"></figure><figcaption class="image-caption">Fraunces infographic</figcaption></figure></div></div><footer class="post__footer"><div class="post__last-updated">This article was updated on June 10, 2022</div><div class="post__footer__col"><ul class="post__tag"><li><a href="https://typogram.co/font-discovery/tags/display/">Display</a></li><li><a href="https://typogram.co/font-discovery/tags/serif/">Serif</a></li></ul><div class="post__share"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-fraunces-font.html" class="js-share facebook" aria-label="Share with Facebook" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#facebook"/></svg> </a><a href="https://twitter.com/share?url=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-fraunces-font.html&via=%40typogramco&text=How%20to%20Use%20Fraunces%3A%20Communicate%20Friendly%20Wonkiness%20with%20This%20Serif%20Font" class="js-share twitter" aria-label="Share with Twitter" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#twitter"/></svg> </a><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-fraunces-font.html&media=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fmedia%2Fposts%2F39%2Fcover.png&description=How%20to%20Use%20Fraunces%3A%20Communicate%20Friendly%20Wonkiness%20with%20This%20Serif%20Font" class="js-share pinterest" aria-label="[MISSING TRANSLATION] Share with Pinterest" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#pinterest"/></svg> </a><a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-fraunces-font.html" class="js-share linkedin" aria-label="Share with LinkedIn" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#linkedin"/></svg> </a><a href="https://api.whatsapp.com/send?text=How%20to%20Use%20Fraunces%3A%20Communicate%20Friendly%20Wonkiness%20with%20This%20Serif%20Font https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-fraunces-font.html" class="js-share whatsapp" aria-label="Share with Whats App" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#whatsapp"/></svg></a></div></div><nav class="post__nav"><div class="post__nav__prev">Previous Post<h5><a href="https://typogram.co/font-discovery/how-to-use-millimetre-font.html" class="inverse" rel="prev">How to Use Millimetre: A Retro Inspired Sans Serif Sci-Fi Font to Communicate Strength</a></h5></div><div class="post__nav__next">Next Post<h5><a href="https://typogram.co/font-discovery/how-to-use-saintjean-font.html" class="inverse" rel="next">Reviewing Saintjean: An Ampersand Only, Decorative Icon Font for Marketing Graphics</a></h5></div></nav><div class="post__bio"><img src="https://typogram.co/font-discovery/media/website/typogram-profile-hs.png" loading="eager" height="600" width="601" alt="Hua Shu"><div><h3><a href="https://typogram.co/font-discovery/authors/hua-shu/" class="inverse" title="Hua Shu">Hua Shu</a></h3><p>Hua is a co-founder of Typogram. Hua loves to create design resources for beginners! Got questions about design? Email me: ✨ hua@typogram.co 🎨</p></div></div><div class="post__related"><h3 class="u-h5">Related posts</h3><div class="post__related__wrap"><figure><a href="https://typogram.co/font-discovery/how-to-use-faster-one-font.html"><img src="https://typogram.co/font-discovery/media/posts/28/responsive/cover-xs.png" loading="lazy" alt="faster one cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-faster-one-font.html" class="inverse">Reviewing Faster One: A Visual Font For Creative Marketing</a></h4><time datetime="2022-06-04T18:44">June 4, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-oregano-font.html"><img src="https://typogram.co/font-discovery/media/posts/25/responsive/MainShowcase-0-xs.png" loading="lazy" alt="Oregano cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-oregano-font.html" class="inverse">How to Use Oregano: A Casual Script Font Speaking Warmth and Craftsmanship</a></h4><time datetime="2022-06-04T17:42">June 4, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-ultra-font.html"><img src="https://typogram.co/font-discovery/media/posts/24/responsive/MainShowcase-0-xs.png" loading="lazy" alt="ultra cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-ultra-font.html" class="inverse">Reviewing Ultra: A Bold Slab Serif Font to Stand Out From the Crowd</a></h4><time datetime="2022-06-01T22:02">June 1, 2022</time></figcaption></figure></div></div></footer></article></main><footer class="footer"><div class="footer__copyright">Project by <a href="https://www.typogram.co/">Typogram</a></div><div class="footer__social"><a href="https://twitter.com/typogramco" class="twitter" aria-label="Twitter"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#twitter"/></svg> </a><a href="https://www.instagram.com/typogramco" class="instagram" aria-label="Instagram"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#instagram"/></svg> </a><a href="https://www.linkedin.com/company/typogramco" class="linkedin" aria-label="LinkedIn"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#linkedin"/></svg></a></div></footer></div><script defer="defer" src="https://typogram.co/font-discovery/assets/js/scripts.min.js?v=b1f07db09e44ca999e985e714f8eba4e"></script><script>window.publiiThemeMenuConfig={mobileMenuMode:'sidebar',animationSpeed:300,submenuWidth: 'auto',doubleClickTime:500,mobileMenuExpandableSubmenus:true,relatedContainerForOverlayMenuSelector:'.navbar'};</script><script>/*<![CDATA[*/var images=document.querySelectorAll("img[loading]");for(var i=0;i<images.length;i++){if(images[i].complete){images[i].classList.add("is-loaded")}else{images[i].addEventListener("load",function(){this.classList.add("is-loaded")},false)}};/*]]>*/</script><div id="mc_embed_signup"><form class="validate" action="https://typogram.us21.list-manage.com/subscribe/post?u=524fd774e21060e9ef6f46b01&id=f68e30ed33&f_id=00ea5fe1f0" method="post" novalidate="" target="_self"><div id="mc_embed_signup_scroll"><p align="center"><em>If you enjoyed the posts here, subscribe to get updates from Typogram's blog!</em></p><p align="center"><input id="bd-email" class="bd-email" name="EMAIL" type="email" placeholder="Enter your email"> <input class="bd-submit" type="submit" value="Subscribe"></p><div hidden=""><input name="tags" type="hidden" value="2818175"></div></div><br><br></form></div></body></html>