• Top
  • New

Quick guide to web typography for developers

by OlegWock on 9/3/2024, 3:09:03 PM with 3 comments
  • by swyx on 9/3/2024, 3:59:33 PM

    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...

  • by Brajeshwar on 9/3/2024, 3:50:12 PM

    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.

  • by madsaylor on 9/3/2024, 3:56:22 PM

    Nice article