-
Notifications
You must be signed in to change notification settings - Fork 0
/
how-to-use-averia-font.html
1 lines (1 loc) · 39.6 KB
/
how-to-use-averia-font.html
1
<!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>Reviewing Averia: A Versatile Font Inspired by Computation - FontDiscovery</title><meta name="description" content="Averia is a display font inspired by computation, available in serif and sans serif. It has a soft and gentle vibes perfect for marketing graphics."><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://typogram.co/font-discovery/how-to-use-averia-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="Reviewing Averia: A Versatile Font Inspired by Computation"><meta property="og:image" content="https://typogram.co/font-discovery/media/posts/54/cover-0.png"><meta property="og:image:width" content="716"><meta property="og:image:height" content="462"><meta property="og:site_name" content="FontDiscovery"><meta property="og:description" content="Averia is a display font inspired by computation, available in serif and sans serif. It has a soft and gentle vibes perfect for marketing graphics."><meta property="og:url" content="https://typogram.co/font-discovery/how-to-use-averia-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="Reviewing Averia: A Versatile Font Inspired by Computation"><meta name="twitter:description" content="Averia is a display font inspired by computation, available in serif and sans serif. It has a soft and gentle vibes perfect for marketing graphics."><meta name="twitter:image" content="https://typogram.co/font-discovery/media/posts/54/cover-0.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=f1582e3ba6ff2a96bf3c088b69295b45"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://typogram.co/font-discovery/how-to-use-averia-font.html"},"headline":"Reviewing Averia: A Versatile Font Inspired by Computation","datePublished":"2022-07-19T16:02","dateModified":"2022-07-19T23:01","image":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/posts/54/cover-0.png","height":462,"width":716},"description":"Averia is a display font inspired by computation, available in serif and sans serif. It has a soft and gentle vibes perfect for marketing graphics.","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><a href="https://typogram.co/blog/" target="_self">Blog Home</a></li><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><li><a href="https://typogram.co/font-discovery/tags/monospaced/" target="_self">Monospaced</a></li></ul></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/sign-in" 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-07-19T16:02">July 19, 2022</time></p><h1 class="post__title">Reviewing Averia: A Versatile Font Inspired by Computation</h1></header><figure class="post__featured-image post__image--wide"><img src="https://typogram.co/font-discovery/media/posts/54/cover-0.png" srcset="https://typogram.co/font-discovery/media/posts/54/responsive/cover-0-xs.png 300w, https://typogram.co/font-discovery/media/posts/54/responsive/cover-0-sm.png 480w, https://typogram.co/font-discovery/media/posts/54/responsive/cover-0-md.png 768w, https://typogram.co/font-discovery/media/posts/54/responsive/cover-0-lg.png 1024w, https://typogram.co/font-discovery/media/posts/54/responsive/cover-0-xl.png 1360w, https://typogram.co/font-discovery/media/posts/54/responsive/cover-0-2xl.png 1600w, https://typogram.co/font-discovery/media/posts/54/responsive/cover-0-sm2.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" loading="eager" height="462" width="716" alt="averia"></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"><div><h4>In This Issue…</h4><h1>How to Use Averia for Logo, Branding & More</h1></div><div> </div><ul><li>Font of the Week: <a href="https://fonts.google.com/?query=averia" target="_blank" rel="noopener noreferrer">Averia</a></li><li>Marketing Idea of the Week: Open-Source Projects</li><li>Color Inspiration of the Week: The System of Sol LeWitt</li></ul><div class="captioned-image-container"> </div><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%2F383db3fe-14ee-498f-9617-99f15fbc93b6_716x462.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%2F383db3fe-14ee-498f-9617-99f15fbc93b6_716x462.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%2F383db3fe-14ee-498f-9617-99f15fbc93b6_716x462.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%2F383db3fe-14ee-498f-9617-99f15fbc93b6_716x462.png 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/383db3fe-14ee-498f-9617-99f15fbc93b6_716x462.png" 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%2F383db3fe-14ee-498f-9617-99f15fbc93b6_716x462.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%2F383db3fe-14ee-498f-9617-99f15fbc93b6_716x462.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%2F383db3fe-14ee-498f-9617-99f15fbc93b6_716x462.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%2F383db3fe-14ee-498f-9617-99f15fbc93b6_716x462.png 1456w" alt="averia sample" width="1080" height="865" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/383db3fe-14ee-498f-9617-99f15fbc93b6_716x462.png","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure></figure></div><div><hr></div><h4>Font of the Week </h4><h2>Averia, the Averaging Font</h2><p>There are many different ways of creating things: One method is to create an idea entirely from scratch based on inspirations and chanced encounters. Another way is to research many references and create a unique blueprint. Which do you use?</p><p>Averia’s maker used the second method. He created Averia by averaging all the fonts on his computer. At the start of his process, he overlaid different fonts on top of each other at low opacity, then converted each layer to monochrome images. The blurry shapes from the reference images served as a good preview visualization for letterforms in Averia.</p><p>He then improved this process by looking for the average coordinate positions among the points to be more efficient. The averaging resulted in the soft and swelled strokes you see in this Averia Libre.</p><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/973f73ee-d6c3-4787-9e11-213b317e2294_716x462.png" alt="initial process image during the development of Averia; source: iotic" width="1005" height="668" data-is-external-image="true"></figure><figcaption>initial process image during the development of Averia; source: <a href="http://iotic.com/averia/" target="_blank" rel="noopener noreferrer">iotic</a></figcaption><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg"><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%2F3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg 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%2F3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg 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%2F3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg 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%2F3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg" 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%2F3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg 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%2F3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg 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%2F3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg 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%2F3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg 1456w" alt="swelled strokes in Averia" width="1086" height="845" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/3719b36c-797b-4849-9c65-62bdd74c4190_716x462.jpeg","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>Swelled strokes in Averia</figcaption></figure></figure></div><h3>Font Details</h3><p>There are several different styles of Averia. Averia Libre is an average of all the fonts; Averia Sans Libre includes is the average of all the sans serif, whereas Averia Serif Libre is the average of all the serifs. Averia Sans Libre feels the most gentle because it looks thinner and softer than other style versions.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.png"><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%2F0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.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%2F0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.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%2F0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.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%2F0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.png 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.png" 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%2F0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.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%2F0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.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%2F0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.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%2F0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.png 1456w" alt="" width="1294" height="782" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/0d951b32-3b70-42a7-9771-c818a7cf94a2_2024x694.png","fullscreen":null,"imageSize":null,"height":499,"width":1456,"resizeWidth":null,"bytes":133344,"alt":null,"title":null,"type":"image/png","href":null}" data-is-external-image="true"></figure><figcaption>Different style versions of Averia</figcaption></figure></figure></div><h2>How to use it for logo?</h2><ul><li>Softness and swelled up strokes gives a brush appearance, hand-crafted feeling</li><li>Communicates warmth, artisanal, gentleness</li></ul><h2>How to use it for marketing?</h2><ul><li>Each Serif, Sans, and Libre version has three weights and is available in regular and italic styles.</li><li>Averia Serif and Sans serif can pair with each other</li><li>Serif is good for editorial; Sans and Libre is excellent for body copy </li></ul><div class="captioned-image-container"><figure><figure class="post__image"><img loading="lazy" src="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd9f3e7e8-c7a7-48a8-83ae-bf4b7e16cf2b_716x414.png" alt="Averia serif being used on logo for a nectarine farm in Italy; source: FontsInUse" width="889" height="568" data-is-external-image="true"></figure><figcaption>Averia serif being used on logo for a nectarine farm in Italy; source: <a href="https://fontsinuse.com/uses/42063/agricola-ridolfi" target="_blank" rel="noopener noreferrer">FontsInUse</a></figcaption></figure></div><div><hr></div><h4>Marketing Idea of the Week</h4><h2>Open-Source Project </h2><p>In tech, an open-source project means that it is a community project that everyone can contribute. Many fonts in this newsletter are open-sourced. Their project files are on Github, and anyone can download the source files and create modifications to them. Having a community project like this can foster a sense of community and empowerment through group ownership. Free projects that allow everyone can modify and share can be a great source of marketing. <strong>Can you think of a simple project that everyone can modify and share?</strong> </p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fac8e53db-ef66-4351-9fee-8de255824eeb_716x462.png"><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%2Fac8e53db-ef66-4351-9fee-8de255824eeb_716x462.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%2Fac8e53db-ef66-4351-9fee-8de255824eeb_716x462.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%2Fac8e53db-ef66-4351-9fee-8de255824eeb_716x462.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%2Fac8e53db-ef66-4351-9fee-8de255824eeb_716x462.png 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/ac8e53db-ef66-4351-9fee-8de255824eeb_716x462.png" 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%2Fac8e53db-ef66-4351-9fee-8de255824eeb_716x462.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%2Fac8e53db-ef66-4351-9fee-8de255824eeb_716x462.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%2Fac8e53db-ef66-4351-9fee-8de255824eeb_716x462.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%2Fac8e53db-ef66-4351-9fee-8de255824eeb_716x462.png 1456w" alt="boringAvatar is an open-source project to create SVG avatars; source: awesomeopensource" width="1201" height="784" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/ac8e53db-ef66-4351-9fee-8de255824eeb_716x462.png","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>BoringAvatar is an open-source project to create SVG avatars; source: awesomeopensource</figcaption></figure></figure></div><div><hr></div><h4>Color Inspiration of the Week </h4><h2>The System of Sol LeWitt</h2><p><a href="https://en.wikipedia.org/wiki/Sol_LeWitt" target="_blank" rel="noopener noreferrer">Sol LeWitt</a> was a fine artist who worked in a very computational way. He used different components in various combinations and permutations to create many different versions of the drawings. </p><pre><code>Beige red: #C7988E | Soft yellow: #EAE381 | Soft blue: #97B2C1</code></pre><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.png"><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%2F16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.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%2F16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.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%2F16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.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%2F16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.png 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.png" 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%2F16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.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%2F16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.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%2F16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.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%2F16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.png 1456w" alt="color inspirations from Sol Le Witt’s drawings" width="1372" height="960" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/16a298ed-4c1d-4825-a7b6-09162ec53398_716x462.png","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>color inspirations from Sol Le Witt’s drawings</figcaption></figure></figure></div><div><hr></div><h4>Jargon Buster!</h4><h2>Transitional Serif</h2><p><em>First Seen: mid-18th century</em></p><p>Transitional serifs are in-between “Old Style” and “Modern” serifs (we will cover these in the next newsletter). In these serif types, the contrast between thick and thin strokes is more pronounced. Sometimes you will see ball terminals and vertical stress. The capital letter <em>R</em> usually has a curved tail. </p><ul><li>Example: Times New Roman</li><li>Stroke Contrast: ++</li></ul><div class="captioned-image-container"><figure><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/b6fdddfe-5eab-46bf-bef6-3f6297131cd2_1518x759.png" 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%2Fb6fdddfe-5eab-46bf-bef6-3f6297131cd2_1518x759.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%2Fb6fdddfe-5eab-46bf-bef6-3f6297131cd2_1518x759.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%2Fb6fdddfe-5eab-46bf-bef6-3f6297131cd2_1518x759.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%2Fb6fdddfe-5eab-46bf-bef6-3f6297131cd2_1518x759.png 1456w" alt="transitional serifs have vertical stress and more stroke contrast than old-style serifs, but less than modern serifs" width="858" height="484" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/b6fdddfe-5eab-46bf-bef6-3f6297131cd2_1518x759.png","fullscreen":null,"imageSize":null,"height":728,"width":1456,"resizeWidth":null,"bytes":26451,"alt":null,"title":null,"type":"image/png","href":null}" data-is-external-image="true"></figure><figcaption>Transitional serifs have vertical stress and more stroke contrast than old-style serifs, but less than modern serifs</figcaption></figure><p><em>Want more</em> <em style="color: var(--text-primary-color); font-family: var(--editor-font-family); font-size: inherit; font-weight: var(--font-weight-normal);"><a href="https://typogram.co/blog/essential-terms-you-must-know-about-typography/" target="_blank" rel="noopener noreferrer">Typography Jargon Busters? Check out Typogram's blog!</a></em></p></figure></div><div><hr></div><h4>Creative Prompt</h4><p>Write a plan for a project you can create to allow everyone to contribute. If you feel like sharing, I would love to see it!</p><div><hr></div><h4>Thank you!</h4><p>Thanks for being here for another week. Averia is available <a href="https://fonts.google.com/?query=averia" target="_blank" rel="noopener noreferrer">here.</a></p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.png"><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%2F8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.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%2F8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.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%2F8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.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%2F8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.png 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.png" 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%2F8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.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%2F8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.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%2F8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.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%2F8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.png 1456w" alt="infographic of Averia Libre" width="1381" height="639" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/8310e491-c850-4fad-afa4-c395e10d58b2_1518x760.png","fullscreen":null,"imageSize":null,"height":729,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>infographic of Averia Libre</figcaption></figure></figure></div></div><footer class="post__footer"><div class="post__last-updated">This article was updated on July 19, 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/sans-serif/">Sans Serif</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-averia-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-averia-font.html&via=%40typogramco&text=Reviewing%20Averia%3A%20A%20Versatile%20Font%20Inspired%20by%20Computation" 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-averia-font.html&media=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fmedia%2Fposts%2F54%2Fcover-0.png&description=Reviewing%20Averia%3A%20A%20Versatile%20Font%20Inspired%20by%20Computation" 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-averia-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=Reviewing%20Averia%3A%20A%20Versatile%20Font%20Inspired%20by%20Computation https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-averia-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-orbitron-font.html" class="inverse" rel="prev">How to Use Orbitron: A Retro Futuristic Looking Font Perfect for Tech and Sci-fi</a></h5></div><div class="post__nav__next">Next Post<h5><a href="https://typogram.co/font-discovery/how-to-use-museomoderno-font.html" class="inverse" rel="next">How to Use MuseoModerno: A Modern Geometric Display Font Fantastic for Visuals </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: ✨ [email protected] 🎨</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-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><figure><a href="https://typogram.co/font-discovery/how-to-use-six-caps-font.html"><img src="https://typogram.co/font-discovery/media/posts/23/responsive/MainShowcase-xs.png" loading="lazy" alt="Six Caps Cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-six-caps-font.html" class="inverse">Reviewing Six Caps: A Condense Font Perfect for Marketing Graphics</a></h4><time datetime="2022-05-21T00:15">May 21, 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>