5 ms·

Quick guide to web typography for developers

• deleted 2y ago
  [deleted]
• Brajeshwar 2y ago
  Hi Oleg, Good start. I suggest reading up some of the article that came out a while back from https://utopia.fyi 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 2y ago
  Nice article
• swyx 2y ago
  Other Typography Resources - 5 minute guide to Typography https://www.pierrickcalvez.com/journal/a-five-minutes-guide-to-better-typography https://www.pierrickcalvez.com/journal/a-five-minutes-guide-... - Typography in 10 minutes https://medium.com/nextux/become-a-typography-nerd-in-under-10-minutes-5a7eda093cb3 https://medium.com/nextux/become-a-typography-nerd-in-under-... - typography for long form articles - https://css-tricks.com/designing-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#typography https://github.com/swyxio/spark-joy/blob/master/README.md#ty...