Apple\u2019s abandoned format TrueType GX<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"Nick Sherman gave a fascinating talk at Ampersand earlier this month which was based on an article he wrote called Variable Fonts for Responsive Design. In both the talk and the essay he suggests that we need a new font format to solve complex responsive design problems: …the glyph shapes in modern fonts are restricted […]<\/p>\n","protected":false},"author":223806,"featured_media":235218,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","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":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[4],"tags":[1107],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2015\/11\/font-to-width.png?fit=2166%2C1160&ssl=1","jetpack-related-posts":[{"id":245539,"url":"https:\/\/css-tricks.com\/opentype-variations-fonts\/","url_meta":{"origin":235216,"position":0},"title":"\u201cOpenType Variations Fonts\u201d","date":"September 18, 2016","format":false,"excerpt":"Over on the Typekit Blog, Tim Brown has written about an exciting development in the world of web fonts: an improvement to the OpenType font file specification. This might not sound all that exciting at first, but \u201cvariable fonts\u201d allows designers and developers to embed a single font file into\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":298821,"url":"https:\/\/css-tricks.com\/variations-on-theme-reinventing-type-on-the-web\/","url_meta":{"origin":235216,"position":1},"title":"Variations on Theme: Reinventing Type on the Web","date":"November 20, 2019","format":false,"excerpt":"If anyone knows anything about me, it\u2019s usually one of two things: that I have two outrageously fluffy dogs, or that I like fonts and typography. Like, really really like them. So while I am super excited about how well Tristan is doing with his hydrotherapy \u2014we\u2019re walking 50% further\u2026","rel":"","context":"In "2019 End-of-Year Thoughts"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":235098,"url":"https:\/\/css-tricks.com\/creating-web-type-lockup\/","url_meta":{"origin":235216,"position":2},"title":"Creating a Web Type Lockup","date":"December 1, 2015","format":false,"excerpt":"A type lockup is a typographic design where the words and characters are styled and arranged very specifically. Like the design is literally locked in place. This idea is slightly at-odds with the responsive web that we know and love, where text is fluid and wrappable and whatnot. Yet, the\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":334948,"url":"https:\/\/css-tricks.com\/the-best-font-loading-strategies-and-how-to-execute-them\/","url_meta":{"origin":235216,"position":3},"title":"The Best Font Loading Strategies and How to Execute Them","date":"March 2, 2021","format":false,"excerpt":"Zach Leatherman wrote up a comprehensive list of font loading strategies that have been widely shared in the web development field. I took a look at this list before, but got so scared (and confused), that I decided not to do anything at all. I don't know how to begin\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/12\/performance-waterfall-fonts.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":171038,"url":"https:\/\/css-tricks.com\/svg-text-typographic-designs\/","url_meta":{"origin":235216,"position":4},"title":"SVG `text` and Small, Scalable, Accessible Typographic Designs","date":"May 27, 2014","format":false,"excerpt":"Let's say you designed something with custom fonts that was a little bit fancy. Perhaps a certain word is positioned between the ascenders of another word below it. Some text is kerned out below to match the width of that same word. This is something we might tell a graphic\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":304786,"url":"https:\/\/css-tricks.com\/google-fonts-variable-fonts\/","url_meta":{"origin":235216,"position":5},"title":"Google Fonts + Variable Fonts","date":"March 7, 2020","format":false,"excerpt":"I see Google Fonts rolled out a new design (Tweet). Compared to the last big redesign, this feels much more iterative. I can barely tell the difference really, except it's blue instead of red and this one pretty rad checkbox: Show only variable fonts. An option to only show variable\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/03\/google-fonts-redesign.png?fit=1200%2C745&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2015\/11\/font-to-width.png?fit=1024%2C548&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/235216"}],"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\/223806"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=235216"}],"version-history":[{"count":22,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/235216\/revisions"}],"predecessor-version":[{"id":269161,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/235216\/revisions\/269161"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/235218"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=235216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=235216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=235216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}