How to use huge type on the web

Carli Pfeffer
i
December 7, 2022

The main title is sized to 176 pixels on a Macbook Pro screen. It uses two breakpoints to scale the type to make sure it looks good on all screen sizes.

One breakpoint is for the smaller screens,

the other one is for the very large screens. It actually switches between units to size the type as well, it uses em for the smallest and largest screens and the vw for all the sizes in between. So Connor’s website uses both fluid and responsive typography. To inspect the website from the accessibility point of view, I changed my default browser font size to the largest and the type size did change. The website still looked good.

written by
Carli Pfeffer
Et non aut praesentium quibusdam laudantium. Sequi est consequatur magnam quam nihil et magni distinctio. Dicta nesciunt delectus sequi. Velit quia velit. Voluptatibus voluptates ut quae ab praesentium velit. Rerum inventore libero reprehenderit cupiditate. Quae tempore ipsum delectus voluptatum quas et doloribus animi. A omnis autem maiores culpa omnis. Autem eveniet consequatur voluptas nulla tempora voluptates. Nostrum esse sit aut nesciunt al