Settings

Theme

Quick guide to web typography for developers

sinja.io

21 points by OlegWock a year ago · 4 comments

Reader

swyx a year ago

Other Typography Resources

- 5 minute guide to Typography https://www.pierrickcalvez.com/journal/a-five-minutes-guide-...

- Typography in 10 minutes https://medium.com/nextux/become-a-typography-nerd-in-under-...

- typography for long form articles - https://css-tricks.com/designing-for-long-form-articles/

i keep a longer list here https://github.com/swyxio/spark-joy/blob/master/README.md#ty...

Brajeshwar a year ago

Hi Oleg, Good start. I suggest reading up some of the article that came out a while back from https://utopia.fyi

They also have tools to define your own scale and space.

I really like their method of fluid typographic scaling, including the spacing that plays well with the rhythm you like.

I recently made a website for my 7-year old daughter, and I really like the easy at which I can scale and control the typography without much effort from me. Prior, my method would have been to have a base and use a modular scale ratio and write media query to respond to the size size and the type-scale.

madsaylor a year ago

Nice article

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection