{"id":79,"date":"2026-04-14T11:05:00","date_gmt":"2026-04-14T11:05:00","guid":{"rendered":"https:\/\/demos.canvaswp.com\/resume\/2026\/04\/14\/type-scale-real-content\/"},"modified":"2026-04-14T11:05:00","modified_gmt":"2026-04-14T11:05:00","slug":"type-scale-real-content","status":"publish","type":"post","link":"https:\/\/demos.canvaswp.com\/resume\/2026\/04\/14\/type-scale-real-content\/","title":{"rendered":"A Type Scale That Survives Real Content."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Pick one ratio and four sizes. Anything more and the system stops being a system: authors start choosing sizes by eye, and six months later the site has eleven of them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then stress-test with the worst content you can imagine, not the best. A heading of forty words, a product name with no spaces, a paragraph in German. If the scale still reads at 360 pixels wide with that content, it will survive whatever the client publishes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Line height and measure do more work than size ever will. Cap the measure near sixty-eight characters and set body line height by eye at the real width: the number that looks right in Figma is almost never the number that reads well on a phone.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scales look beautiful in a specimen and fall apart the first time a client pastes in a forty-word heading. Here is how to build one that does not.<\/p>\n","protected":false},"author":54,"featured_media":50,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[38,40,41],"class_list":["post-79","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-css","tag-design-systems","tag-typography"],"_links":{"self":[{"href":"https:\/\/demos.canvaswp.com\/resume\/wp-json\/wp\/v2\/posts\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.canvaswp.com\/resume\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demos.canvaswp.com\/resume\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/resume\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/resume\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":0,"href":"https:\/\/demos.canvaswp.com\/resume\/wp-json\/wp\/v2\/posts\/79\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/resume\/wp-json\/wp\/v2\/media\/50"}],"wp:attachment":[{"href":"https:\/\/demos.canvaswp.com\/resume\/wp-json\/wp\/v2\/media?parent=79"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demos.canvaswp.com\/resume\/wp-json\/wp\/v2\/categories?post=79"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demos.canvaswp.com\/resume\/wp-json\/wp\/v2\/tags?post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}