Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Typography for Developers Tutorial - Full Course

via freeCodeCamp

Overview

Dive into a comprehensive tutorial on typography tailored for developers. Learn the fundamentals of creating effective typography as a UX Designer, including typeface selection, layout techniques, establishing typographic hierarchy, and implementing responsive typography. Explore the differences between typography and lettering, typefaces and fonts, and how typography impacts user experience. Discover various typeface elements, genres, and sub-genres, including serifs, sans-serifs, and scripts. Compare print and digital design considerations, understand fixed vs. fluid layouts, and gain insights on helping clients appreciate the value of quality fonts. Master the process of choosing and using typefaces, installing fonts, and working with different font formats. Delve into the nuances of text and display typefaces, font weights, styles, and sizes. Apply your newfound knowledge in a hands-on design project using Figma. Developed by Hope Armstrong, this course offers a deep dive into typography essentials for developers seeking to enhance their design skills.

Syllabus

) Introduction: What is Typography?.
) Typography vs Lettering.
) Typeface vs Font.
) How Typography Affects User Experience (UX).
) Elements of TypeFace.
) Serifs.
) Sans-serifs (Without serifs).
) Letterform Contrast.
) Text Contrast in Comparison to the Background.
) Text Color Contrast.
) Typeface Genres (Types of Typefaces) .
) Serif Sub-genres.
) Sans-serifs Sub-genres.
) Scripts.
) Print Design vs Digital Design.
) Help Clients Understand the Benefit of Good Fonts .
) Fixed vs Fluid Layouts.
) Choosing and Using Typefaces.
) Installing Fonts.
) A word on Font Formats.
) Choosing a Text Typface.
) Counters (Enclosed whitespace in Text).
) Typeface 'Mood' Matching the Content.
) Choosing a Display Typeface.
) Translating Text Typeface to Display Typeface.
) Weight, Styles & Sizes.
) Faux Bold & Italics vs True Bold & Italics.
) Font Weighting & Styles.
) Design Project using Figma.

Taught by

freeCodeCamp.org

Reviews

4.4 rating, based on 15 Class Central reviews

Start your review of Typography for Developers Tutorial - Full Course

  • Maryam Shoaib
    I recently completed the online typography course, and it's been a transformative experience for my design work. As a beginner, I was initially hesitant to dive into typography, but this course expertly broke down complex concepts into engaging, e…
  • Wow , now I can choose the right font , Thank you soo much. I am a developer but i didnt know much about typeface. We sometimes choose based on niches and many other ways
  • Good source of learning with brief and detail about the subject. Loved the course.clear and step by step topics are described well. As a new student it helped me a lot.
  • Profile image for Pratik Thapa
    Pratik Thapa
    I recently completed a typography course, and it was a game-changer for my design work. The course provided a deep dive into the principles and history of typography, helping me understand not just how to choose fonts but why certain typefaces work…
  • Profile image for NANDHAKUMAR A
    NANDHAKUMAR A
    This course covers various aspects of typography, including typeface vs font, serif and sans-serif types, text contrast, font formats, and design projects using Figma. It’s divided into 29 sections, each focusing on different elements of typography.
  • Profile image for Diaz Rasyid
    Diaz Rasyid
    Penjelasan yang baik untuk membahas sebuah pelajaran tentang typhography, awalnya memang baik aku suka penjelasannya dan terima kasih karna sudah membantuku untuk memahami tentang hal yang bisa dibilang mendasar
  • RAKHEEB AHMED K R
    Had an excellent session on the whole concept of typography. It covered almost every part and also gained knowledge of almost every language that is used in the world of type in design.
  • Chaitali Yogesh Vyalij
    This course is very instresting for desining students it's helps us for better understanding of designing I love this course and also I hope this will definitely help me in future
  • Temidayo Ekundayo
    I now have a better understanding of how typography works!
    from the classifications, types and breakdown, to contrasting, how it works.
    Thanks.
  • Profile image for Omar Abadir
    Omar Abadir
    1.Great insight! And more easly for beginner to make production type design/ fonts. So you can get more insight, knowladge in this videos, and how to step by step to let you know what is type, how to basic typography, what is different style font and more. This super helpful for beginner.

  • Profile image for Lissinet Parrado
    Lissinet Parrado
    Learned all the basics! Great work. The only feedback that would be appreciated would be that it would be nice for the videos to have the options for captions.
  • I am pleased to say that I have been exposed to a course like this for the first time, in a way that makes it feel as I'm not totally new to it. This is because of the manner in which the topics are presented with clarity. It wasn't complicated at all. I am grateful for the opportunity to learn and I will make the best of the knowledge that have been made available to me.
  • Jannat Farooq
    Itz easy and interesting for me I need some practical work like how to apply typography on T-Shirts Merchandise that we sell on fiver to earn money if there is any course kindly guide... I want to know and learn new features of typography that in which features we know when we apply on different shapes or t-shirts
  • Profile image for Ridwan Fadilah
    Ridwan Fadilah
    Great insight! And more easly for beginner to make production type design/ fonts. So you can get more insight, knowladge in this videos, and how to step by step to let you know what is type, how to basic typography, what is different style font and more. This super helpful for beginner.
  • Shah Jaman Soud
    hey, im satisfied with your free course and now I have good knowledge about Typography. Thanks a Lot

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.