Thanks for posting my Timestamps in the Description =) 0:00 - Introduction - What is Typography? 4:11 - Typography vs Lettering 4:58 - Typeface vs Font 5:57 - How Typography Affects User Experience (UX) 10:06 - Elements of TypeFace 12:40 - Serifs 13:20 - Sans-serifs (Without serifs) 13:28 - Letterform Contrast 13:54 - Text Contrast in Comparison to the Background 14:40 - Text Color Contrast 16:27 - Typeface Genres (Types of Typefaces) 17:46 - Serif Sub-genres 20:54 - Sans-serifs Sub-genres 23:25 - Scripts 24:39 - Print Design vs Digital Design 27:00 - Help Clients Understand the Benefit of Good Fonts 29:05 - Fixed vs Fluid Layouts 30:28 - Choosing and Using Typefaces 31:41 - Installing Fonts 32:15 - A word on Font Formats 34:45 - Choosing a Text Typface 37:12 - Counters (Enclosed whitespace in Text) 38:20 - Typeface 'Mood' Matching the Content 41:37 - Choosing a Display Typeface 46:35 - Translating Text Typeface to Display Typeface 48:08 - Weight, Styles & Sizes 48:33 - Faux Bold & Italics vs True Bold & Italics 51:34 - Font Weighting & Styles 53:14 - Design Project using Figma 56:30 - Typographic Scale 59:00 - Measure 1:01:31 - Tracking / Letter Spacing 1:04:22 - Kerning 1:05:28 - Ligatures 1:06:57 - Leading 1:10:39 - Baseline Grid System 1:16:42 - Laying Out Type (Hierarchy & more) 1:25:47 - Text Alignment 1:28:19 - All about CAPS 1:32:33 - Utilizing Color with Type 1:37:54 - Layout Treatments 1:40:46 - Pairing Typefaces 1:45:30 - Going Further w/ Typography 1:45:49 - Responsive Typography 1:48:40 - More on Grid Systems 1:51:44 - Variable Fonts 1:53:48 - The Fine Details of Typography 1:53:55 - Dangles 1:55:37 - Proper Punctuation 1:56:57 - Stylistic Alternates 1:58:05 - Practice Your New Typography Skills And ~SCENE~
Oh, my goodness. This is a fantastic tutorial. I’m not a designer. Just a guy trying to make his websites look better. You’ve helped a bunch. Thank you.
I,m Usman and i,m from PAKISTAN. Just finished the whole course and gotta say that it is just amazing and learnt alot and eager to learn more about typoraphy. Thanks Freecodecamp as well as mam.
Typography's never be my favorite subject because i think it's too complex to understand, but you make it really clear. Thank you. I think i'll be more hardworking on it.
54:30 Nooo don't use pixels for text height on the web! Use rem (default 16px per 1 rem) which scales according to user preference and screen. This scales better for different displays, and allows the user to customize it (improved accessibility). This is what most CSS frameworks such as Bootstrap and Tailwind use.
I don't know why, but whenever i use rem instead of pixels it feels like i don't have full control of designing. It feels like i am just letting it go. But everybody has their own opinions
@@shailja098 you might just not be used to it. rem also allows the user to scale in and out better and aligns with their device settings. You can also easily change the scale of 1rem in your project to scale everything. But it's also 16px everywhere anyway so there's no worry about consistency
thank you so much for this. I am taking a typography class right now at my college and I am fully an online student. My teacher just assigns reading and when I am left confused. I ask her for help, and she just ask me if I read the reading and syllabus. leaving me left with all my questions still un-answered. I have feeling RU-vid is the only thing that will get me through this class.
1:26:05 It’s not an efficient use of space. It doesn’t save space, because it doesn’t reflow the text in any way. Rather, justifying text makes it look more tidily organised. From what I’ve heard, books do this too, so if the other side of the page shines through, the rag from the other side (which is even) aligns with the left side of the current page.
There are so many design videos using Comic Sans as an example of bad typography that sometimes it seems typography is the art of knowing not to use Comic Sans
Hey Guys, thank you very much for all the content you create. It helped me a lot to learn some stuff. It will nice to see some Linux content / coding in Linux. I would appreciate if there will be some tutorials about Mojolicious and Perl or bash programming 🙌🏻
I heard about Typography first, when Steve Jobs in his Stanford Graduation Speech said that "...Great typography in building the font for the first Macintosh...." Yeah, those words are just etched into the heart.
TNice tutorials was the first video I saw to get into soft soft, tNice tutorials year in May. Today I published a Resetup from XXXTentacion "Moonlight".
Hope: ... and it's definitely all over that favorite site of yours! Which is, let's be honest... Me: **Nervous glance** .... Hope: -Treehouse, of course! :D Me: **whew**