This demo shows a set of just 10 font sizes for use across mobile, tablet, and desktop views in a website design, minimizing the total number of font sizes used in a single system.
Over time, it's easy to lose sight of the number of font sizes you may set when adapting a design originally designed for desktop, and extending it for tablet and mobile devices. Using a table reference like the one shown here can help you keep track and consolidate different styles, to keep font sizes to a minimum and make it easier to manage your design system long term. This kind of consolidation can help mitigate common problems like inconsistencies resulting from having too many styles and font sizes.