-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhow-to-use-abril-fatface-font.html
1 lines (1 loc) · 37.5 KB
/
how-to-use-abril-fatface-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>How to Use Abril Fatface: The Perfect Font for Fashion and Editorial - FontDiscovery</title><meta name="description" content="Abril Fatface is a display serif font with large contrast, perfect for graphics. It has an elegant, graceful tone See our design examples. "><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://typogram.co/font-discovery/how-to-use-abril-fatface-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 Abril Fatface: The Perfect Font for Fashion and Editorial"><meta property="og:image" content="https://typogram.co/font-discovery/media/posts/121/abril-fatface-cover-1.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="Abril Fatface is a display serif font with large contrast, perfect for graphics. It has an elegant, graceful tone See our design examples. "><meta property="og:url" content="https://typogram.co/font-discovery/how-to-use-abril-fatface-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 Abril Fatface: The Perfect Font for Fashion and Editorial"><meta name="twitter:description" content="Abril Fatface is a display serif font with large contrast, perfect for graphics. It has an elegant, graceful tone See our design examples. "><meta name="twitter:image" content="https://typogram.co/font-discovery/media/posts/121/abril-fatface-cover-1.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-abril-fatface-font.html"},"headline":"How to Use Abril Fatface: The Perfect Font for Fashion and Editorial","datePublished":"2023-11-11T21:35-05:00","dateModified":"2024-10-07T19:02-04:00","image":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/posts/121/abril-fatface-cover-1.png","height":462,"width":716},"description":"Abril Fatface is a display serif font with large contrast, perfect for graphics. It has an elegant, graceful tone See our design 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-11-11T21:35">November 11, 2023</time></p><h1 class="post__title">How to Use Abril Fatface: The Perfect Font for Fashion and Editorial</h1></header><figure class="post__featured-image post__image--wide"><img src="https://typogram.co/font-discovery/media/posts/121/abril-fatface-cover-1.png" srcset="https://typogram.co/font-discovery/media/posts/121/responsive/abril-fatface-cover-1-xs.png 300w, https://typogram.co/font-discovery/media/posts/121/responsive/abril-fatface-cover-1-sm.png 480w, https://typogram.co/font-discovery/media/posts/121/responsive/abril-fatface-cover-1-md.png 768w, https://typogram.co/font-discovery/media/posts/121/responsive/abril-fatface-cover-1-lg.png 1024w, https://typogram.co/font-discovery/media/posts/121/responsive/abril-fatface-cover-1-xl.png 1360w, https://typogram.co/font-discovery/media/posts/121/responsive/abril-fatface-cover-1-2xl.png 1600w, https://typogram.co/font-discovery/media/posts/121/responsive/abril-fatface-cover-1-sm2.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" loading="eager" height="462" width="716" alt="Abril Fatface Display Font"></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 class="header-with-anchor-widget">In This Issue…</h4><h2>How to Use Abril Fatface for Logo and Branding</h2><ul><li><p>Font of the Week: Abril Fatface</p></li><li><p>Design Idea of the Week: Revamping the Design Section</p></li><li><p>Color Inspiration of the Week: Fall Leaves </p></li></ul><div class="captioned-image-container"><figure><div class="centerBlogPostImage 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%2F69361a2f-fb96-41a1-86a5-d6d88bb46b47_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%2F69361a2f-fb96-41a1-86a5-d6d88bb46b47_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%2F69361a2f-fb96-41a1-86a5-d6d88bb46b47_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%2F69361a2f-fb96-41a1-86a5-d6d88bb46b47_716x462.png 1456w" sizes="100vw"></picture><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%2F69361a2f-fb96-41a1-86a5-d6d88bb46b47_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%2F69361a2f-fb96-41a1-86a5-d6d88bb46b47_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%2F69361a2f-fb96-41a1-86a5-d6d88bb46b47_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%2F69361a2f-fb96-41a1-86a5-d6d88bb46b47_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%2F69361a2f-fb96-41a1-86a5-d6d88bb46b47_716x462.png 1456w" alt="samples of Abril Fatface" width="809" height="570" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/69361a2f-fb96-41a1-86a5-d6d88bb46b47_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"><figcaption>samples of Abril Fatface</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">Abril Fatface</h2><p>If you want to incorporate elegance and drama, consider using Abril Fatface for your next project. </p><h4 class="header-with-anchor-widget">What is a fat face letterform?</h4><p>A funny name, a fat face is a <a href="https://typogram.co/blog/common-styles-of-serif-fonts-you-must-know-to-improve-your-design/" rel="">modern serif </a>(large stroke contrast) with a bold design (very thick strokes) that usually consists of extreme stroke contrast. These were popular for advertising posters, becoming the “first real display typeface” to sell products and attract attention. </p><p>Abril Fatface, in particular, is inspired by posters found in 19th-century Britain and France. However, it is a much more contemporary interpretation with updates, making it a fantastic font for display on your blog and graphic projects. It is part of the Abril font family, with more reading-friendly versions.</p><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%2F34480c87-b3d4-4918-951a-e77d8b22ba33_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%2F34480c87-b3d4-4918-951a-e77d8b22ba33_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%2F34480c87-b3d4-4918-951a-e77d8b22ba33_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%2F34480c87-b3d4-4918-951a-e77d8b22ba33_716x462.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><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%2F34480c87-b3d4-4918-951a-e77d8b22ba33_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%2F34480c87-b3d4-4918-951a-e77d8b22ba33_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%2F34480c87-b3d4-4918-951a-e77d8b22ba33_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%2F34480c87-b3d4-4918-951a-e77d8b22ba33_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%2F34480c87-b3d4-4918-951a-e77d8b22ba33_716x462.png 1456w" alt="" width="716" height="462" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/34480c87-b3d4-4918-951a-e77d8b22ba33_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":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><figcaption>source: <a href="https://www.bl.uk/romantics-and-victorians/articles/print-culture" rel="">British library</a></figcaption></figure></div><figcaption class="image-caption"><hr></figcaption></figure></div><h3 class="header-with-anchor-widget">Font Details </h3><ul><li><p>Extreme stroke contrast perfect for display and getting attention</p></li><li><p>More text reading fonts available in the Abril family </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%2F13becb82-0599-4fd6-a90d-c18fe65d1d37_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%2F13becb82-0599-4fd6-a90d-c18fe65d1d37_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%2F13becb82-0599-4fd6-a90d-c18fe65d1d37_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%2F13becb82-0599-4fd6-a90d-c18fe65d1d37_1349x462.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><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%2F13becb82-0599-4fd6-a90d-c18fe65d1d37_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%2F13becb82-0599-4fd6-a90d-c18fe65d1d37_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%2F13becb82-0599-4fd6-a90d-c18fe65d1d37_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%2F13becb82-0599-4fd6-a90d-c18fe65d1d37_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%2F13becb82-0599-4fd6-a90d-c18fe65d1d37_1349x462.png 1456w" alt="font details of Abril Fatface" width="741" height="282" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/13becb82-0599-4fd6-a90d-c18fe65d1d37_1349x462.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":462,"width":1349,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><figcaption>font details of Abril Fatface</figcaption></figure></div></figure></div><div><hr></div><h2 class="header-with-anchor-widget">How to use Abril Fatface for logo? </h2><p>When you use Abril Fatface for logos, watch out for its stroke contrast. Its significant stroke contrast could break down when used in smaller sizes, lowering readability. Make sure your logo is legible. </p><h2 class="header-with-anchor-widget">How to use Abril Fatface for marketing? </h2><p>Abril Fatface is perfect for blog headers, landing pages, and graphics. It’s extreme, visually stimulating stroke contrast is loud and demands attention. </p><p class="button-wrapper" data-attrs="{"url":"https://typogram.co/","text":"Check out Abril Fatface in Typogram","action":null,"class":null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://typogram.co/" rel="">Check out Abril Fatface in Typogram</a></p><div><hr></div><h4 class="header-with-anchor-widget">Color Inspiration of the Week </h4><p>This week, enjoy warm colors from fall leaves.</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%2F95d10ac6-dc01-4253-8000-ad4bddd1466e_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%2F95d10ac6-dc01-4253-8000-ad4bddd1466e_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%2F95d10ac6-dc01-4253-8000-ad4bddd1466e_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%2F95d10ac6-dc01-4253-8000-ad4bddd1466e_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%2F95d10ac6-dc01-4253-8000-ad4bddd1466e_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%2F95d10ac6-dc01-4253-8000-ad4bddd1466e_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%2F95d10ac6-dc01-4253-8000-ad4bddd1466e_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%2F95d10ac6-dc01-4253-8000-ad4bddd1466e_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%2F95d10ac6-dc01-4253-8000-ad4bddd1466e_1012x506.png 1456w" alt="" width="1012" height="506" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/95d10ac6-dc01-4253-8000-ad4bddd1466e_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 class="image-link-expand"> </div></div></figure></div><div><hr></div><h4 class="header-with-anchor-widget">Design Idea of the Week</h4><h2 class="header-with-anchor-widget">Revamping the Design Section </h2><p>Recently, I have been interested in making guides and infographics based on the design and typography knowledge we share here. I want these graphics to be fun, easy to understand, and informative for beginners.</p><p>I am kicking off this revamp with this funny graphic I made recently on what is a sans serif. Let me know if you have any thoughts or suggestions!</p><div class="captioned-image-container centerBlogPostImage"><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%2Fe56a3852-5e42-405f-8d51-d10a647d616c_1254x1600.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%2Fe56a3852-5e42-405f-8d51-d10a647d616c_1254x1600.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%2Fe56a3852-5e42-405f-8d51-d10a647d616c_1254x1600.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%2Fe56a3852-5e42-405f-8d51-d10a647d616c_1254x1600.png 1456w" sizes="100vw"><a href="https://typogram.co/blog/essential-terms-you-must-know-about-typography/"><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%2Fe56a3852-5e42-405f-8d51-d10a647d616c_1254x1600.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%2Fe56a3852-5e42-405f-8d51-d10a647d616c_1254x1600.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%2Fe56a3852-5e42-405f-8d51-d10a647d616c_1254x1600.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%2Fe56a3852-5e42-405f-8d51-d10a647d616c_1254x1600.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%2Fe56a3852-5e42-405f-8d51-d10a647d616c_1254x1600.png 1456w" alt="" width="529" height="723" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/e56a3852-5e42-405f-8d51-d10a647d616c_1254x1600.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":1600,"width":1254,"resizeWidth":504,"bytes":null,"alt":null,"title":null,"type":null,"href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></a></figure><div class="image-link-expand"> </div></div><figcaption class="image-caption">source:<a href="https://typogram.co/blog/essential-terms-you-must-know-about-typography/" rel=""> typogram</a></figcaption></figure></div><div><hr></div><h4 class="header-with-anchor-widget">Typography Jargon Buster </h4><h2 class="header-with-anchor-widget">Stem? Arm? Leg?</h2><p>Sometimes we hear terms specific to font details of a letterform. In this post, we go over some of the <a href="https://typogram.co/blog/font-details-you-must-know-to-improve-your-designs/">font details</a> you encounter.</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%2F3d70fd64-fbab-46da-8bd8-1552f00d2251_1456x888.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%2F3d70fd64-fbab-46da-8bd8-1552f00d2251_1456x888.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%2F3d70fd64-fbab-46da-8bd8-1552f00d2251_1456x888.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%2F3d70fd64-fbab-46da-8bd8-1552f00d2251_1456x888.png 1456w" sizes="100vw"><a href="https://typogram.co/blog/font-details-you-must-know-to-improve-your-designs/"><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%2F3d70fd64-fbab-46da-8bd8-1552f00d2251_1456x888.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%2F3d70fd64-fbab-46da-8bd8-1552f00d2251_1456x888.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%2F3d70fd64-fbab-46da-8bd8-1552f00d2251_1456x888.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%2F3d70fd64-fbab-46da-8bd8-1552f00d2251_1456x888.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%2F3d70fd64-fbab-46da-8bd8-1552f00d2251_1456x888.png 1456w" alt="" width="1456" height="888" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/3d70fd64-fbab-46da-8bd8-1552f00d2251_1456x888.png","srcNoWatermark":null,"fullscreen":null,"imageSize":null,"height":888,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":"https://typogram.co/blog/font-details-you-must-know-to-improve-your-designs/","belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></a></figure></div><figcaption class="image-caption">source: <a href="https://typogram.co/blog/font-details-you-must-know-to-improve-your-designs/" rel="">typogram</a></figcaption></figure></div><div><hr></div><h4 class="header-with-anchor-widget">Creative Prompt </h4><p>Create something with Abril Fatface.</p><div><hr></div><h4 class="header-with-anchor-widget">Thank you</h4><p>…for reading and hanging out here this week! Abril Fatface is <a href="https://fonts.google.com/specimen/Abril+Fatface" rel="">available here.</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%2Fca25a8a4-51e0-40e8-9104-c39b51e0c31a_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%2Fca25a8a4-51e0-40e8-9104-c39b51e0c31a_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%2Fca25a8a4-51e0-40e8-9104-c39b51e0c31a_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%2Fca25a8a4-51e0-40e8-9104-c39b51e0c31a_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%2Fca25a8a4-51e0-40e8-9104-c39b51e0c31a_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%2Fca25a8a4-51e0-40e8-9104-c39b51e0c31a_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%2Fca25a8a4-51e0-40e8-9104-c39b51e0c31a_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%2Fca25a8a4-51e0-40e8-9104-c39b51e0c31a_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%2Fca25a8a4-51e0-40e8-9104-c39b51e0c31a_1012x506.png 1456w" alt="" width="1012" height="506" loading="lazy" data-attrs="{"src":"https://substack-post-media.s3.amazonaws.com/public/images/ca25a8a4-51e0-40e8-9104-c39b51e0c31a_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 October 7, 2024</div><div class="post__footer__col"><ul class="post__tag"><li><a href="https://typogram.co/font-discovery/tags/display/">Display</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-abril-fatface-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-abril-fatface-font.html&via=%40typogramco&text=How%20to%20Use%20Abril%20Fatface%3A%20The%20Perfect%20Font%20for%20Fashion%20and%20Editorial" 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-abril-fatface-font.html&media=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fmedia%2Fposts%2F121%2Fabril-fatface-cover-1.png&description=How%20to%20Use%20Abril%20Fatface%3A%20The%20Perfect%20Font%20for%20Fashion%20and%20Editorial" 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-abril-fatface-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%20Abril%20Fatface%3A%20The%20Perfect%20Font%20for%20Fashion%20and%20Editorial https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-abril-fatface-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-bree-serif-font.html" class="inverse" rel="prev">Reviewing Bree Serif: A Bulky, Friendly Serif for Your Blogs</a></h5></div><div class="post__nav__next">Next Post<h5><a href="https://typogram.co/font-discovery/how-to-use-source-code-pro-font.html" class="inverse" rel="next">Reviewing Source Code Pro: A Many-Sided Coding Font</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-pacifico-font.html"><img src="https://typogram.co/font-discovery/media/posts/31/responsive/cover-xs.png" loading="lazy" alt="Pacifico cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-pacifico-font.html" class="inverse">How to Use Pacifico: a Casual Script Font Looking Retro and Relaxed </a></h4><time datetime="2022-05-23T01:48">May 23, 2022</time></figcaption></figure><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></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>