We’ve teamed up with Google Fonts Knowledge to explain why fonts need to scale and how to scale them. We give an overview of different units of measurement on the web, including pixels, ems, rems, and viewport units, and explore how to use media queries. You can learn more on Google Fonts Knowledge: https://fonts.google.com/knowledge/using_type/the_foundations_of_web_typography
Links:
CodeSandbox Demo - Ems + Rems:
https://codesandbox.io/s/superhi-x-google-fonts-how-to-scale-your-type-for-different-screen-sizes-ems-and-rems-cm5ic
CodeSandbox Demo - Viewport units:
https://codesandbox.io/s/superhi-x-google-fonts-how-to-scale-your-type-for-different-screen-sizes-viewport-units-unl9h?file=/style.css
Download
0 formats
No download links available.
Scaling fonts for different screen sizes | NatokHD