a lot<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"When Chris first sent me this prompt, I was thinking about writing about progressive enhancement, but that subject is so wide-reaching to be one thing and all too predictable, especially for those already familiar with my writing. Saying that, what I\u2019m going to outline in this article also isn\u2019t just one thing either, but the […]<\/p>\n","protected":false},"author":251168,"featured_media":358030,"comment_status":"open","ping_status":"closed","sticky":false,"template":"art-direction\/eoy-2021.php","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"Consistent, Fluidly Scaling Type and Spacing by @hankchizljaw","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[18996,4],"tags":[963,587],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/11\/s_35FD991FAFE1DAC785D8FF6F2C6CB7F45F7B73B94A1005536BB4ECAF4F7F267E_1637665704993_CleanShot2021-11-23at11.08.192x-scaled.jpg?fit=2560%2C1539&ssl=1","jetpack-related-posts":[{"id":373905,"url":"https:\/\/css-tricks.com\/fluid-typography-wordpress-block-themes\/","url_meta":{"origin":358029,"position":0},"title":"Adding Fluid Typography Support to WordPress Block Themes","date":"October 7, 2022","format":false,"excerpt":"Fluid typography is a fancy way of \u201cdescribing font properties, such as size or line height, that scale fluidly according to the size of the viewport\u201d. It\u2019s also known by other names, like responsive typography, flexible type, fluid type, viewport sized typography, fluid typography, and even responsive display text. Here\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/09\/wordpress-fluid-typography.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":376435,"url":"https:\/\/css-tricks.com\/solved-with-has-vertical-spacing-in-long-form-text\/","url_meta":{"origin":358029,"position":1},"title":"Solved With :has(): Vertical Spacing in Long-Form Text","date":"January 18, 2023","format":false,"excerpt":"If you\u2019ve ever worked on sites with lots of long-form text \u2014 especially CMS sites where people can enter screeds of text in a WYSIWYG editor \u2014 you\u2019ve likely had to write CSS to manage the vertical spacing between different typographic elements, like headings, paragraphs, lists and so on. It\u2019s\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2023\/01\/s_260A8E0A90873E472ABE1D21B969F62CF495A0B14984E72F603304D49A555B39_1673373404085_Screenshot2023-01-10at10.56.27AM.png?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":331887,"url":"https:\/\/css-tricks.com\/on-type-patterns-and-style-guides\/","url_meta":{"origin":358029,"position":2},"title":"On Type Patterns and Style Guides","date":"January 19, 2021","format":false,"excerpt":"Over the last six years or so, I\u2019ve been using these things I\u2019ve been calling \u201ctype patterns\u201d in my web design work, and they\u2019ve worked out pretty well for me. I\u2019ll dig into what they are and how they can make their way into CSS, and maybe the idea will\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/01\/document-styles.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":360711,"url":"https:\/\/css-tricks.com\/typography-links-january-2022\/","url_meta":{"origin":358029,"position":3},"title":"8 Interesting Typography Links for January 2022","date":"January 7, 2022","format":false,"excerpt":"Every now and then, I find that I've accumulated a bunch of links about various things I find interesting. Typography is one of those things! Here's a list of typography links to other articles that I've been saving up and think are worth sharing. An awesome new font from OH\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-06-at-11.01.40-AM.png?fit=1200%2C773&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":319599,"url":"https:\/\/css-tricks.com\/leading-trim-the-future-of-digital-typesetting\/","url_meta":{"origin":358029,"position":4},"title":"Leading-Trim: The Future of Digital Typesetting","date":"August 21, 2020","format":false,"excerpt":"leading-trim is a suggested new CSS property that lets us remove the extra spacing in every font so that we can more predictably style text. Ethan Wang has written about it \u2014 including how Microsoft has advocated for it \u2014 and that it\u2019s now part of the Inline Layout Module\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/08\/1gXfB7QR3LpWwJEuA12drqw.gif?fit=1200%2C426&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":145689,"url":"https:\/\/css-tricks.com\/spacing-the-bottom-of-modules\/","url_meta":{"origin":358029,"position":5},"title":"Spacing The Bottom of Modules","date":"August 5, 2013","format":false,"excerpt":"Editor's note: Looking for a more modern way to get consistent bottom spacing between elements? Heydon Pickering's \"Lobotomized Owl\" selector is a good way to do it while we wait for the margin-trim property to gain support. Ah the humble module! A good many designs these days make use of\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/358029"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/251168"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=358029"}],"version-history":[{"count":6,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/358029\/revisions"}],"predecessor-version":[{"id":359586,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/358029\/revisions\/359586"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/358030"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=358029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=358029"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=358029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}