The State of Fluid Web Typography

<h2>Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used?</h2> <p><a href="https://medium.com/@matejlatin?source=post_page-----135cd26e0612--------------------------------" rel="noopener follow"><img alt="Matej Latin" src="https://miro.medium.com/v2/resize:fill:88:88/1*9M6n3togCidxmwDMF4DHYQ.png" style="height:44px; width:44px" /></a></p> <p><a href="https://medium.com/better-web-type?source=post_page-----135cd26e0612--------------------------------" rel="noopener follow"><img alt="Better Web Type" src="https://miro.medium.com/v2/resize:fill:48:48/1*M5MiFKXAzqI4IcDi5V_eSg.jpeg" style="height:24px; width:24px" /></a></p> <p><a href="https://medium.com/@matejlatin?source=post_page-----135cd26e0612--------------------------------" rel="noopener follow">Matej Latin</a></p> <p>&middot;</p> <p><a href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Ff4d83463722c&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Fbetter-web-type%2Fthe-state-of-fluid-web-typography-135cd26e0612&amp;user=Matej+Latin&amp;userId=f4d83463722c&amp;source=post_page-f4d83463722c----135cd26e0612---------------------post_header-----------" rel="noopener follow">Follow</a></p> <p>Published in</p> <p><a href="https://medium.com/better-web-type?source=post_page-----135cd26e0612--------------------------------" rel="noopener follow">Better Web Type</a></p> <p>&middot;</p> <p>12 min read</p> <p>&middot;</p> <p>May 20, 2019</p> <p>&nbsp;</p> <p>1K</p> <p>&nbsp;</p> <p>2</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p><img alt="" src="https://miro.medium.com/v2/resize:fit:630/1*[email protected]" style="height:394px; width:700px" /></p> <p>Browser support for the viewport units has been good for a while.&nbsp;<a href="https://caniuse.com/#feat=viewport-units" rel="noopener ugc nofollow" target="_blank">Looking into it now</a>, most browsers fully supported them since 2013&ndash;2014. Microsoft&rsquo;s Edge was an exception (no surprise there) as it only supports them since the Edge 16 version which was released in October 2017. Still, it&rsquo;s two years since then. With all other major browsers supporting the viewport units for 5&ndash;6 years, how come we don&rsquo;t encounter fluid typography on websites more often? I have to admit, I am one of those who resize the browser window to see how a website adjusts to the viewport change. I do that a lot, but I don&rsquo;t remember the last time I encountered a website using fluid web typography. I know that CSS Tricks uses it, but I can&rsquo;t think of other examples. So it makes me wonder &mdash; how come the adoption of this nifty web typography feature isn&rsquo;t more wide-spread?</p> <p><a href="https://medium.com/better-web-type/the-state-of-fluid-web-typography-135cd26e0612">Read More</a></p>