I think it’s very nice to have an individual file (.scss) that is for the vast majority of typography on the site. Normalize has quite a bit of typography related stuff in it already, so let’s remove that and move it to our own typography file. The idea is to stay true to the way Normalize works best, in that we don’t set things just to reset them later. Then we tweak a few things to get us on the way.<\/p>\n","protected":false},"excerpt":{"rendered":"
I think it’s very nice to have an individual file (.scss) that is for the vast majority of typography on the site. Normalize has quite a bit of typography related stuff in it already, so let’s remove that and move it to our own typography file. The idea is to stay true to the way […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":18010,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"lodge-video.php","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":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":18203,"url":"https:\/\/css-tricks.com\/lodge\/v10\/025-post-typography-part-1\/","url_meta":{"origin":18188,"position":0},"title":"#025: Post Typography, Part 1","date":"September 11, 2012","format":false,"excerpt":"Now that we have a blog post area to work with, we can really get into blog post typography. Arguably the most important typography on the site as it's the place a reader will be spending the most time looking at. We start out by thinking about header tags and\u2026","rel":"","context":"With 15 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18197,"url":"https:\/\/css-tricks.com\/lodge\/v10\/024-playing-with-typography-in-typecast\/","url_meta":{"origin":18188,"position":1},"title":"#024: Playing with Typography in Typecast","date":"September 11, 2012","format":false,"excerpt":"Typecast (in beta at the time of this filming) is a really neat web app for playing with web typography. It gives you a great interface for playing around with the basics of typography, like what your headers and body copy look like. The real fundamentals: sizing, line-height, coloring, all\u2026","rel":"","context":"With 11 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":243955,"url":"https:\/\/css-tricks.com\/snippets\/sass\/viewport-sized-typography-minimum-maximum-sizes\/","url_meta":{"origin":18188,"position":2},"title":"Viewport Sized Typography with Minimum and Maximum Sizes","date":"July 28, 2016","format":false,"excerpt":"Declaring font sizes in viewport units can produce really interesting results, but it does come with challenges. There are no min-font-size or max-font-size properties in CSS, so edge cases where text gets too small or too big are difficult to deal with. This Sass mixin makes use of media queries\u2026","rel":"","context":"With 12 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20373,"url":"https:\/\/css-tricks.com\/lodge\/artists-website\/021-the-blog-part-3\/","url_meta":{"origin":18188,"position":3},"title":"#021 – The Blog, Part 3","date":"March 4, 2013","format":false,"excerpt":"The typography still isn't quite right, so we spend a little more time making adjustments to it. This is worthwhile doing here, because header and body copy typography will server just about everywhere on the site well.","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18210,"url":"https:\/\/css-tricks.com\/lodge\/v10\/026-post-typography-part-2\/","url_meta":{"origin":18188,"position":4},"title":"#026: Post Typography, Part 2","date":"September 12, 2012","format":false,"excerpt":"We've done a little bit of work on headers, but we'll dig in more on those in this screencast. Headers are a darn important aspect of any site. Done well, our friends h1 through h6 should serve just about every header need on even a complex site. Although, sometimes the\u2026","rel":"","context":"With 5 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":376849,"url":"https:\/\/css-tricks.com\/wordpress-global-styles-reference-tables\/","url_meta":{"origin":18188,"position":5},"title":"WordPress Global Styles Reference Tables","date":"January 31, 2023","format":false,"excerpt":"We\u2019ve covered a lot of ground in this series. So much so that I thought it would be helpful to condense all the various block theme settings and styles from theme.json into a single page right here.","rel":"","context":"In \"json\"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2023\/02\/guide-wordpress-block-theme-css.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/18188"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=18188"}],"version-history":[{"count":3,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/18188\/revisions"}],"predecessor-version":[{"id":18196,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/18188\/revisions\/18196"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/18010"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=18188"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=18188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}