-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhow-to-use-bree-serif-font.html
1 lines (1 loc) · 40.3 KB
/
how-to-use-bree-serif-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 Bree Serif: A Bulky, Friendly Serif for Your Blogs - FontDiscovery</title><meta name="description" content="Bree Serif is a great bulky, display serif font for blogs and logos. An upright italic with friendly elements, it has a simple, inviting tone. See our examples."><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://typogram.co/font-discovery/how-to-use-bree-serif-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 Bree Serif: A Bulky, Friendly Serif for Your Blogs"><meta property="og:image" content="https://typogram.co/font-discovery/media/posts/120/font-cover.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="Bree Serif is a great bulky, display serif font for blogs and logos. An upright italic with friendly elements, it has a simple, inviting tone. See our examples."><meta property="og:url" content="https://typogram.co/font-discovery/how-to-use-bree-serif-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 Bree Serif: A Bulky, Friendly Serif for Your Blogs"><meta name="twitter:description" content="Bree Serif is a great bulky, display serif font for blogs and logos. An upright italic with friendly elements, it has a simple, inviting tone. See our examples."><meta name="twitter:image" content="https://typogram.co/font-discovery/media/posts/120/font-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=fbfab6b8cb21619324cd63161fa6352d"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://typogram.co/font-discovery/how-to-use-bree-serif-font.html"},"headline":"Reviewing Bree Serif: A Bulky, Friendly Serif for Your Blogs","datePublished":"2023-09-13T21:04-04:00","dateModified":"2023-11-11T22:20-05:00","image":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/posts/120/font-cover.png","height":462,"width":716},"description":"Bree Serif is a great bulky, display serif font for blogs and logos. An upright italic with friendly elements, it has a simple, inviting tone. See our examples.","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="2023-09-13T21:04">September 13, 2023</time></p><h1 class="post__title">Reviewing Bree Serif: A Bulky, Friendly Serif for Your Blogs</h1></header><figure class="post__featured-image post__image--wide"><img src="https://typogram.co/font-discovery/media/posts/120/font-cover.png" srcset="https://typogram.co/font-discovery/media/posts/120/responsive/font-cover-xs.png 300w, https://typogram.co/font-discovery/media/posts/120/responsive/font-cover-sm.png 480w, https://typogram.co/font-discovery/media/posts/120/responsive/font-cover-md.png 768w, https://typogram.co/font-discovery/media/posts/120/responsive/font-cover-lg.png 1024w, https://typogram.co/font-discovery/media/posts/120/responsive/font-cover-xl.png 1360w, https://typogram.co/font-discovery/media/posts/120/responsive/font-cover-2xl.png 1600w, https://typogram.co/font-discovery/media/posts/120/responsive/font-cover-sm2.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" loading="eager" height="462" width="716" alt=""></figure><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 this post, subscribe to get updates from our 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></form></div><hr><div class="post__entry"><h4>In This Issue…</h4><h2>How to Use Lustria for Logo and Branding</h2><div id="§in-this-issue" class="header-anchor-widget offset-top"><div class="header-anchor-widget-button-container"><div class="header-anchor-widget-button"> </div></div></div><ul><li><p>Font of the Week: <a href="https://fonts.google.com/specimen/Bree+Serif" target="_blank" rel="noopener noreferrer">Bree Serif</a></p></li><li><p>Design idea of the Week: Brand New Google Fonts</p></li><li><p>Color Inspiration: Houseplant Fun</p></li></ul><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f813a3f-458a-4626-9fd9-403308081d21_716x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f813a3f-458a-4626-9fd9-403308081d21_716x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f813a3f-458a-4626-9fd9-403308081d21_716x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f813a3f-458a-4626-9fd9-403308081d21_716x462.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f813a3f-458a-4626-9fd9-403308081d21_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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f813a3f-458a-4626-9fd9-403308081d21_716x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f813a3f-458a-4626-9fd9-403308081d21_716x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f813a3f-458a-4626-9fd9-403308081d21_716x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f813a3f-458a-4626-9fd9-403308081d21_716x462.png 1456w" alt="" width="716" height="462" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/4f813a3f-458a-4626-9fd9-403308081d21_716x462.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null,"belowTheFold":false,"topImage":true,"internalRedirect":null}" data-is-external-image="true"></figure><figcaption>sample of Bree Serif</figcaption></figure></div></figure></div><div><hr></div><h4 class="header-with-anchor-widget">Font of the Week </h4><h2 class="header-with-anchor-widget">About Bree</h2><p>Recently, one of my favorite fonts recently has been Bree Serif, a bulky serif with a friendly flare. Comforting and inviting to the eye, Bree Serif has letter constructions of an italic without the overall slanted angles. The single story “a” and the angled, horizontal stroke of the “e” give this font an extra quirk that feels simple, genuine, and inviting.</p><h4 class="header-with-anchor-widget">Font Details </h4><ul><li><p>One weight </p></li><li><p>Thick strokes </p></li><li><p>Italic construction, but without slant</p></li></ul><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d316a5a-3fd9-454a-b33f-a7a6cf88147f_716x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d316a5a-3fd9-454a-b33f-a7a6cf88147f_716x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d316a5a-3fd9-454a-b33f-a7a6cf88147f_716x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d316a5a-3fd9-454a-b33f-a7a6cf88147f_716x462.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img title="Bree Serif font detail: single story a" src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d316a5a-3fd9-454a-b33f-a7a6cf88147f_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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d316a5a-3fd9-454a-b33f-a7a6cf88147f_716x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d316a5a-3fd9-454a-b33f-a7a6cf88147f_716x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d316a5a-3fd9-454a-b33f-a7a6cf88147f_716x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d316a5a-3fd9-454a-b33f-a7a6cf88147f_716x462.png 1456w" alt="Bree Serif font detail: single story a" width="927" height="733" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/9d316a5a-3fd9-454a-b33f-a7a6cf88147f_716x462.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":568,"bytes":null,"alt":"Bree Serif font detail: single story a","title":null,"type":null,"href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><figcaption>Bree Serif font detail: single story a</figcaption></figure></div><figcaption class="image-caption"></figcaption></figure></div><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F92b2531e-f042-4acd-82e9-a5a2e7f93fc3_716x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F92b2531e-f042-4acd-82e9-a5a2e7f93fc3_716x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F92b2531e-f042-4acd-82e9-a5a2e7f93fc3_716x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F92b2531e-f042-4acd-82e9-a5a2e7f93fc3_716x462.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img title="Bree font detail: angled lowercase “e”" src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F92b2531e-f042-4acd-82e9-a5a2e7f93fc3_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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F92b2531e-f042-4acd-82e9-a5a2e7f93fc3_716x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F92b2531e-f042-4acd-82e9-a5a2e7f93fc3_716x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F92b2531e-f042-4acd-82e9-a5a2e7f93fc3_716x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F92b2531e-f042-4acd-82e9-a5a2e7f93fc3_716x462.png 1456w" alt="Bree font detail: angled lowercase “e”" width="851" height="717" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/92b2531e-f042-4acd-82e9-a5a2e7f93fc3_716x462.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":576,"bytes":null,"alt":"Bree font detail: angled lowercase “e”","title":null,"type":null,"href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><figcaption>Bree font detail: angled lowercase “e”</figcaption></figure></div><figcaption class="image-caption"></figcaption></figure></div><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1ddef427-1160-4462-8ac4-4be3172b83e9_1349x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1ddef427-1160-4462-8ac4-4be3172b83e9_1349x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1ddef427-1160-4462-8ac4-4be3172b83e9_1349x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1ddef427-1160-4462-8ac4-4be3172b83e9_1349x462.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img title="Bree Serif font details" src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1ddef427-1160-4462-8ac4-4be3172b83e9_1349x462.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1ddef427-1160-4462-8ac4-4be3172b83e9_1349x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1ddef427-1160-4462-8ac4-4be3172b83e9_1349x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1ddef427-1160-4462-8ac4-4be3172b83e9_1349x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1ddef427-1160-4462-8ac4-4be3172b83e9_1349x462.png 1456w" alt="Bree Serif font details" width="1349" height="462" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/1ddef427-1160-4462-8ac4-4be3172b83e9_1349x462.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":462,"width":1349,"resizeWidth":null,"bytes":null,"alt":"Bree Serif font details","title":null,"type":null,"href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><figcaption>Bree Serif font details</figcaption></figure></div><figcaption class="image-caption"></figcaption></figure></div><h2 class="header-with-anchor-widget">How to Use Bree Serif for Logo?</h2><div id="§how-to-use-bree-serif-for-logo" class="header-anchor-widget offset-top"><div class="header-anchor-widget-button-container"><div class="header-anchor-widget-button"><span style="color: var(--text-primary-color); font-family: var(--editor-font-family); font-size: inherit; font-weight: var(--font-weight-normal);">Bree Serif is perfect for designing logos. Its dark strokes are legible. You just have to ensure the counter spaces of letters remain visible in small scales.</span></div></div></div><h2 class="header-with-anchor-widget">How to Use Bree Serif for Branding and Marketing?</h2><p>Bree Serif is perfect for your blogs and social media graphics. Available in one weight only, its thick and earnest strokes are perfect as headers for blogs. It can pair with a multi-weight sans serif, like <a href="https://typogram.co/font-discovery/how-to-use-noto-sans-font.html">Noto Sans</a> to create a more robust typography system for your brand.</p><div><hr></div><h4 class="header-with-anchor-widget">Design Idea of the Week</h4><h2 class="header-with-anchor-widget">Brand New Google Fonts</h2><p>Last week, <a href="https://fonts.google.com/" target="_blank" rel="noopener noreferrer">Google Fonts</a> unveiled its new website, making a few major tweaks to its UI. Now, there is a left-hand side sidepanel makes it easier to research and preview fonts. You can also filter fonts by formats, like variable or color fonts. What do you think?</p><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd7ea6741-3902-414d-a33b-0d34273df35d_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd7ea6741-3902-414d-a33b-0d34273df35d_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd7ea6741-3902-414d-a33b-0d34273df35d_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd7ea6741-3902-414d-a33b-0d34273df35d_1074x693.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd7ea6741-3902-414d-a33b-0d34273df35d_1074x693.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd7ea6741-3902-414d-a33b-0d34273df35d_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd7ea6741-3902-414d-a33b-0d34273df35d_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd7ea6741-3902-414d-a33b-0d34273df35d_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd7ea6741-3902-414d-a33b-0d34273df35d_1074x693.png 1456w" alt="" width="1074" height="693" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/d7ea6741-3902-414d-a33b-0d34273df35d_1074x693.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":693,"width":1074,"resizeWidth":null,"bytes":136082,"alt":null,"title":null,"type":"image/png","href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><div class="image-link-expand"> </div></div><figcaption class="image-caption">Google Fonts debuts a new website.</figcaption></figure></div><div><hr></div><h4 class="header-with-anchor-widget">Color Inspiration of the Week</h4><h2 class="header-with-anchor-widget">Houseplant Fun</h2><p>This week, enjoy the simple colors of small plants.</p><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63764d14-c77d-467f-8c09-107040550f37_1012x506.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63764d14-c77d-467f-8c09-107040550f37_1012x506.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63764d14-c77d-467f-8c09-107040550f37_1012x506.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63764d14-c77d-467f-8c09-107040550f37_1012x506.png 1456w" sizes="100vw"><img title="color inspirations" src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63764d14-c77d-467f-8c09-107040550f37_1012x506.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63764d14-c77d-467f-8c09-107040550f37_1012x506.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63764d14-c77d-467f-8c09-107040550f37_1012x506.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63764d14-c77d-467f-8c09-107040550f37_1012x506.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63764d14-c77d-467f-8c09-107040550f37_1012x506.png 1456w" alt="color inspirations" width="1012" height="506" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/63764d14-c77d-467f-8c09-107040550f37_1012x506.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":506,"width":1012,"resizeWidth":null,"bytes":null,"alt":"color inspirations","title":null,"type":null,"href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><div class="image-link-expand"> </div></div></figure></div><div><hr></div><h4 class="header-with-anchor-widget">Typography Jargon Buster!</h4><h2 class="header-with-anchor-widget">Counter</h2><p>A counter is an unfilled (white or negative) space partially or entirely closed by other parts of the letters. For example, lowercase “b” and uppercase “U” both have counters. The stroke creating a counter shape is known as a “bowl.” There are two types of counter spaces: open and closed. An open counter means the unfilled space is partially closed, like “U.” A closed counter happens when the unfilled space is completely sealed, like “b.”</p><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5108e679-430d-4499-a8a8-7a5efaa4f6de_1024x538.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5108e679-430d-4499-a8a8-7a5efaa4f6de_1024x538.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5108e679-430d-4499-a8a8-7a5efaa4f6de_1024x538.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5108e679-430d-4499-a8a8-7a5efaa4f6de_1024x538.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5108e679-430d-4499-a8a8-7a5efaa4f6de_1024x538.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5108e679-430d-4499-a8a8-7a5efaa4f6de_1024x538.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5108e679-430d-4499-a8a8-7a5efaa4f6de_1024x538.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5108e679-430d-4499-a8a8-7a5efaa4f6de_1024x538.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5108e679-430d-4499-a8a8-7a5efaa4f6de_1024x538.png 1456w" alt="" width="1024" height="538" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/5108e679-430d-4499-a8a8-7a5efaa4f6de_1024x538.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":538,"width":1024,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><div class="image-link-expand"> </div></div></figure></div><p><em>Want more typography jargon buster? <a href="https://typogram.co/blog/essential-terms-you-must-know-about-typography/">Check out this post!</a></em></p><div><hr></div><h4 class="header-with-anchor-widget">Creative Prompt </h4><p>Create something with Bree Serif</p><div><hr></div><h4 class="header-with-anchor-widget">Thank you</h4><p>…for reading and hanging out here this week! here is <a href="https://fonts.google.com/specimen/Bree+Serif" target="_blank" rel="noopener noreferrer">Bree Serif.</a></p><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0568c19-f86a-4075-ab3d-88ab126b91c2_1012x506.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0568c19-f86a-4075-ab3d-88ab126b91c2_1012x506.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0568c19-f86a-4075-ab3d-88ab126b91c2_1012x506.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0568c19-f86a-4075-ab3d-88ab126b91c2_1012x506.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0568c19-f86a-4075-ab3d-88ab126b91c2_1012x506.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0568c19-f86a-4075-ab3d-88ab126b91c2_1012x506.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0568c19-f86a-4075-ab3d-88ab126b91c2_1012x506.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0568c19-f86a-4075-ab3d-88ab126b91c2_1012x506.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0568c19-f86a-4075-ab3d-88ab126b91c2_1012x506.png 1456w" alt="" width="1012" height="506" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/c0568c19-f86a-4075-ab3d-88ab126b91c2_1012x506.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":506,"width":1012,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure></div></figure></div></div><footer class="post__footer"><div class="post__last-updated">This article was updated on November 11, 2023</div><div class="post__footer__col"><ul class="post__tag"><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-bree-serif-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-bree-serif-font.html&via=%40typogramco&text=Reviewing%20Bree%20Serif%3A%20A%20Bulky%2C%20Friendly%20Serif%20for%20Your%20Blogs" 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-bree-serif-font.html&media=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fmedia%2Fposts%2F120%2Ffont-cover.png&description=Reviewing%20Bree%20Serif%3A%20A%20Bulky%2C%20Friendly%20Serif%20for%20Your%20Blogs" 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-bree-serif-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%20Bree%20Serif%3A%20A%20Bulky%2C%20Friendly%20Serif%20for%20Your%20Blogs https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-bree-serif-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-lustria-font.html" class="inverse" rel="prev">Reviewing Lustria: A Fantastic Old Style Serif with a Modern Twist</a></h5></div><div class="post__nav__next">Next Post<h5><a href="https://typogram.co/font-discovery/how-to-use-abril-fatface-font.html" class="inverse" rel="next">How to Use Abril Fatface: The Perfect Font for Fashion and Editorial</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-xahn-mono-font.html"><img src="https://typogram.co/font-discovery/media/posts/52/responsive/cover-0-xs.png" loading="lazy" alt=""></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-xahn-mono-font.html" class="inverse">Reviewing Xahn Mono: Monospaced Serif Font Perfect for Editorials</a></h4><time datetime="2022-07-18T20:52">July 18, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-daubenton-font.html"><img src="https://typogram.co/font-discovery/media/posts/44/responsive/cover_Daubenton_2-xs.png" loading="lazy" alt=""></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-daubenton-font.html" class="inverse">How to Use Daubenton: A Serif Font Perfect for Traditional Brands with A Flare</a></h4><time datetime="2022-05-22T01:08">May 22, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-fraunces-font.html"><img src="https://typogram.co/font-discovery/media/posts/39/responsive/cover-xs.png" loading="lazy" alt="Fraunces cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-fraunces-font.html" class="inverse">How to Use Fraunces: Communicate Friendly Wonkiness with This Serif Font</a></h4><time datetime="2022-06-10T21:55">June 10, 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>