typography book, typography books, modern typography books, new typography books
Better Web Typography for a Better Web by Matej Latin

Better Web Typography for a Better Web by Matej Latin

Better Web Typography for a Better Web is a book based on a top-rated online course explaining typography to people who build web sites-web designers and web developers. The author, Matej Latin, takes complex concepts such as vertical rhythm, modular scale and page composition, and explains them in an easy-to-understand way. The content of the book is accompanied by live code examples and the readers go through a process of designing and building an example website as they go through the book. This is a new typography book for a new medium, the rules haven’t changed much, everything else has.

1. Introduction to Web Typography
2. Anatomy of a Typeface
3. Choosing Typefaces
4. Equilateral Triangle of a Perfect paragraph
5. Combining Typefaces
6. Rhythm in Web Typography
7. Modular Scale
8. Page Composition
9. Responsive Web Typography
10. Ligatures
11. Small Caps and Figures
12. Punctuation
13. Dropcaps (Bonus chapter)


typography book, typography books, modern typography books, new typography books
Better Web Typography for a Better Web by Matej Latin

Review

“Beautiful typography should never be underestimated, it tells a story, it evokes excitement, and seems so simple to create. It isn’t, but it will be once you have studied this must-read edition.” – Steve Jenkins, Editor, Web Designer Magazine

“Matej addresses designers and developers equally—but not only has he written an informative book with useful content, it’s also written in a nice and lovely-to-read way.” – Marc Thiele, Founder/Organiser of Beyond Tellerrand

“Seriously detailed and, more importantly, fodder for any discussion with clients to convince them why the fonts you chose were the right ones for the project.” – Paul Jarvis, Designer & Author of Company of One

“A must-read for any web designer/developer. As a designer who also works in front-end code, I’ve been waiting for book like this, which addresses both designers and developers. Often, there is still a huge gap in the collaboration between design and code. This book will help to improve this process and make a web with better typography.” – Arne Schog, Digital Designer


typography book, typography books, modern typography books, new typography books
Better Web Typography for a Better Web by Matej Latin

About The Author

Hey, I’m Matej. I’m a designer from Slovenia but currently live in Edinburgh, Scotland and work as a Senior UX designer at GitLab. My journey towards being a designer began when I was 13. I joined an after-school class called ‘Web Design’ where I learned the basics of HTML and handcrafted my first website.

I never studied design so typography was one of the many things that I had to explore by myself. And once I started exploring, I couldn’t stop.

The gray area between design and development attracted me the most, so I created things like Gutenberg—The Meaningful Web Typography Starter Kit and now Better Web Type.

I decided to create a web typography course because there’s little content online that would be practical, concise and aimed at both—designers and developers.



Better Web Typography for a Better Web by Matej Latin
Hardcover: 226 pages / Publisher: Blurb (August 18, 2019)


graphic design resources, graphic design inspirations, graphic design sites, graphic design samples

Graphic design inspirations and graphic design samples giving ideas. Explore to new generation graphic design resources.

typography sites, font sites, font sites, typography resources, font sources, font resources
Typography Resources #8

Free Web Typography Course, Sans Forgetica, Free Font Manager, Professional Web Typography, Femme Type, Amsterdam Typography and other typography resources.

typography sites, font sites, font sites, typography resources, font sources, font sources
Typography Resources #7

100 Best Free Fonts 2020, Optician Sans Free Font, Manrope Free Sans, Perfect Font Combination, Ailerons Typeface Free Fonts and other typography resources.

typography sites, font sites, font sites, typography resources, font sources, font sources
Typography Resources #4

Font Flame, Typio, Typographic Timeline, Font Reach, Font Matcherator, Type Connection, Friends of Type and other typography resources.