FileMood

Download Lynda.com - Typography and Web Fonts (5 courses)

Lynda com Typography and Web Fonts courses

Name

Lynda.com - Typography and Web Fonts (5 courses)

  DOWNLOAD Copy Link

Trouble downloading? see How To

Total Size

5.6 GB

Total Files

293

Hash

55651041BD2C0758FA7EAD7A9203144D9436A7AE

/.../Foundations of Typography/1 - Typographic Differentiation/

1-3 Type history.mp4

176.1 MB

1-6 Guidelines for combining typefaces.mp4

28.7 MB

1-5 Other type categories.mp4

28.2 MB

1-4 Type classification.mp4

26.1 MB

1-2 Display type vs. text type.mp4

25.0 MB

1-1 Serif vs. sans serif.mp4

19.1 MB

1-7 Using cases.mp4

14.8 MB

/.../3 - Working with Web Fonts/

3-2 Web font hosting services.mp4

130.6 MB

3-3 Choosing a font hosting service.mp4

53.6 MB

3-1 Web font hosting options.mp4

49.8 MB

3-4 Web font tools.mp4

48.1 MB

3-8 Downloading licensed fonts.mp4

25.5 MB

3-5 Working with Typekit.mp4

24.6 MB

3-9 Generating web fonts.mp4

23.1 MB

3-6 Using Typekit to serve fonts.mp4

22.1 MB

3-7 Using the Google Font API.mp4

13.8 MB

/.../2 - Exploring Web Fonts/

2-6 Platform-specific font rendering.mp4

77.7 MB

2-4 Web font formats.mp4

58.9 MB

2-5 Font rendering basics.mp4

45.8 MB

2-3 CSS Fonts Module specification.mp4

31.1 MB

2-2 The WebFonts Working Group.mp4

30.6 MB

2-1 What are web fonts.mp4

22.0 MB

/.../Foundations of Typography/8 - Specialized Uses/

8-4 Using typography to navigate the environment.mp4

66.5 MB

8-3 Using typography to navigate content.mp4

27.7 MB

8-1 Working with numbers.mp4

14.3 MB

8-2 Expert characters and analphabetic symbols.mp4

11.4 MB

/.../Foundations of Typography/6 - Typographic Composition/

6-1 Opposing forces of typography.mp4

56.5 MB

6-3 Contrast and scale.mp4

48.1 MB

6-2 The grid - A structure for containing type.mp4

22.5 MB

/.../1 - The Current State of Online Typography/

1-2 The evolution of online typography.mp4

55.1 MB

1-6 The @font-face rule.mp4

53.5 MB

1-3 CSS font capabilities.mp4

45.3 MB

1-1 Showcase of web fonts in action.mp4

39.0 MB

1-5 Current workarounds for online type.mp4

29.6 MB

1-4 Understanding the font stack.mp4

19.1 MB

/.../Foundations of Typography/9 - Final Thoughts/

9-2 Developing your typographic eye.mp4

53.6 MB

9-3 Breaking the rules.mp4

21.4 MB

9-4 What's next.mp4

19.0 MB

9-1 Managing fonts and building your type library.mp4

13.0 MB

/.../4 - Touching on Type Design/

4-1 Where type begins - The mark of the hand.mp4

49.3 MB

4-3 Designing a typeface.mp4

20.4 MB

4-2 Related parts and shapes - Family resemblances.mp4

18.0 MB

/.../4 - Enhancing Typography with CSS3/

4-4 Font sizing considerations.mp4

47.9 MB

4-5 Using weights and styles.mp4

37.9 MB

4-9 Web font support detection.mp4

28.3 MB

4-7 Creating multi-column text.mp4

27.6 MB

4-3 Writing @font-face declarations.mp4

26.1 MB

4-10 @font-face syntax update.mp4

23.5 MB

4-8 Creating special effects with text shadows.mp4

17.3 MB

4-2 The @font-face syntax.mp4

16.9 MB

4-6 Transforming text.mp4

15.2 MB

4-1 Exploring the finished file.mp4

10.7 MB

/.../5 - Legibility and Readability/

5-3 Hierarchy and functionality.mp4

44.2 MB

5-2 Examining factors affecting legibility.mp4

28.5 MB

5-4 Systematized hierarchy.mp4

27.4 MB

5-5 Paragraphs, drop caps, and entry points.mp4

25.0 MB

5-1 How legibility and readability differ.mp4

22.5 MB

5-6 Typographic abominations.mp4

16.4 MB

/.../4 - Visually Chunking Text/

4-8 Building a two-column system in HTML and CSS.mp4

42.5 MB

4-12 Analyzing the chunking on the professional sites.mp4

40.9 MB

4-3 Applying hierarchy in HTML and CSS.mp4

23.8 MB

4-9 Refining the horizontal space in a two-column layout.mp4

20.5 MB

4-10 Adding rule lines to improve chunking.mp4

17.1 MB

4-6 Changing an element by creating and applying a class.mp4

16.5 MB

4-11 Adding emphasis within a heading.mp4

13.5 MB

4-4 Developing a system to help chunk text for readers.mp4

12.8 MB

4-5 Applying the system in the CSS.mp4

11.4 MB

4-7 Using multiple columns to create hierarchy.mp4

9.4 MB

4-1 Understanding how we chunk visual elements.mp4

9.3 MB

4-2 Developing a system of hierarchy.mp4

5.4 MB

/.../Typography with CSS in Dreamweaver/

Exercise Files.rar

41.0 MB

/.../7 - Thinking with Type/

7-2 The emotional impact of type.mp4

41.0 MB

7-3 Three-dimensional type.mp4

39.9 MB

7-1 Typographic expressiveness.mp4

31.1 MB

/.../8 - Attending to the Typographic Details/

8-3 Working with lining figures (numbers) and acronyms.mp4

40.8 MB

8-1 Fixing quotation marks and apostrophes.mp4

31.5 MB

8-4 Fixing characters that don't look right.mp4

28.0 MB

8-2 Fixing dashes.mp4

27.8 MB

8-9 Analyzing the typographic details on the professional sites.mp4

19.6 MB

8-8 Creating drop caps.mp4

17.6 MB

8-7 Vertically centering text.mp4

17.3 MB

8-5 Hanging punctuation.mp4

9.4 MB

8-6 Applying typographic accents.mp4

8.7 MB

/.../Choosing and Using Web Fonts/Conclusion/

Exploring resources and goodbye.mp4

37.0 MB

/.../7 - Other Serif Fonts/

7-2 Choosing Other Serif fonts.mp4

35.7 MB

7-3 Using a font without an italic.mp4

26.1 MB

7-4 Looking at how using an Other Serif font affects the look and feel of a web page.mp4

16.5 MB

7-1 Identifying Other Serif fonts.mp4

10.9 MB

/.../6 - Slab Serif Fonts/

6-4 Exploring a font with multiple weights and styles.mp4

35.1 MB

6-5 Looking at how using a Slab Serif font affects the look and feel of a web page.mp4

23.9 MB

6-1 Identifying a Slab Serif font.mp4

16.6 MB

6-2 Choosing a Slab Serif font.mp4

13.8 MB

6-3 Deleting a font from your Typekit.mp4

10.3 MB

/.../3 - Old Style Fonts/

3-4 Changing styling as necessary to improve the readability of the text.mp4

34.2 MB

3-1 Identifying an Old Style font.mp4

23.3 MB

3-5 Making various weights and styles work correctly across different browsers.mp4

20.0 MB

3-6 Looking at how using an Old Style font affects the look and feel of a web page.mp4

17.3 MB

3-2 Choosing an Old Style font.mp4

14.2 MB

3-3 Applying Crimson Text to a web site using Google web fonts.mp4

10.4 MB

/.../Web Fonts First Look/

Exercises.rar

33.3 MB

/.../2 - The Language of Type/

2-5 Working with color and tonal weight - Exercises.mp4

32.3 MB

2-4 Reviewing the terminology of type, based on function.mp4

30.3 MB

2-1 Anatomy - Parts and shapes of type.mp4

28.9 MB

2-3 Type families - Widths, weights, and slopes.mp4

27.6 MB

2-2 Size and measurements of type.mp4

18.1 MB

/.../12 - Pairing Fonts/

12-3 Using different fonts for different kinds of information on the page.mp4

32.0 MB

12-5 Looking at how using two fonts affects the look and feel of a web page.mp4

29.1 MB

12-1 Understanding what to look for when pairing fonts.mp4

22.8 MB

12-2 Using one font for headings and another for text.mp4

22.4 MB

12-4 Mixing and matching fonts within text.mp4

13.8 MB

/.../6 - Shaping a Traditional Typographic Page/

6-2 Adding a list of links to the traditional page.mp4

30.8 MB

6-5 Using different CSS for different kinds of links.mp4

23.1 MB

6-9 Shaping the traditional page layout.mp4

21.8 MB

6-3 Describing the link states in CSS.mp4

17.8 MB

6-1 Designing typographic links for the traditional page.mp4

15.1 MB

6-10 Analyzing the traditional typographic elements on the professional sites.mp4

15.0 MB

6-6 Using CSS notation to organize syntax.mp4

14.8 MB

6-7 Choosing a background color or image.mp4

12.7 MB

6-8 Applying a repeating background image.mp4

7.4 MB

6-4 Returning links to their original unvisited style.mp4

6.7 MB

/.../3 - Spacing and Alignment/

3-2 Tracking and leading.mp4

30.6 MB

3-4 Hyphenation and justification.mp4

25.2 MB

3-3 Exploring variations in type alignment.mp4

24.4 MB

3-1 Kerning and kerning pairs.mp4

23.3 MB

3-6 Other typographic best practices.mp4

20.0 MB

3-5 Indents, outdents, and hanging punctuation.mp4

19.7 MB

/.../6 - Using Advanced CSS Text Effects/

6-2 Designing type gradients.mp4

30.0 MB

6-3 Rotating text with CSS transform.mp4

18.6 MB

6-1 Applying CSS3 text effects.mp4

13.8 MB

/.../7 - Structuring CSS Text/

7-3 Future Type - Defining CSS Regions.mp4

28.3 MB

7-2 Preparing CSS3 multiple-column layout.mp4

17.2 MB

7-1 Implementing advanced headings with HTML5.mp4

10.2 MB

/.../Foundations of Typography/0 - Introduction/

0-4 The theory of typographic relativity.mp4

28.0 MB

0-3 The power of type.mp4

23.7 MB

0-1 Welcome.mp4

20.8 MB

0-5 Getting the most out of this course.mp4

19.3 MB

0-2 Why good typography matters.mp4

17.3 MB

/.../11 - Handwritten Fonts/

11-3 Looking at how using a handwritten font affects the look and feel of a web page.mp4

27.6 MB

11-2 Choosing a handwritten font.mp4

26.1 MB

11-1 Understanding handwritten fonts.mp4

9.6 MB

/.../Web Fonts First Look/Conclusion/

Additional resources.mp4

27.1 MB

/.../10 - Humanist Sans Serif Fonts/

10-2 Choosing a Humanist Sans Serif font.mp4

26.4 MB

10-3 Changing styling as necessary to improve the readability of the text.mp4

19.7 MB

10-4 Looking at how using a Humanist Sans Serif font affects the look and feel of a web page.mp4

15.7 MB

10-1 Identifying a Humanist Sans Serif font.mp4

9.1 MB

/.../8 - Defining Lists with HTML and CSS/

8-3 Applying definition lists.mp4

26.3 MB

8-1 Styling unordered lists.mp4

21.5 MB

8-4 Targeting list items with CSS3 nth child.mp4

16.8 MB

8-2 Specifying a sequence with ordered lists.mp4

16.6 MB

/.../Typography for Web Designers/3 - Maximizing Readability/

3-10 Analyzing text readability on the professional sites.mp4

26.3 MB

3-3 Finding and applying a good line length.mp4

21.8 MB

3-8 Improving a color palette by improving contrast.mp4

15.5 MB

3-4 Understanding ems.mp4

13.2 MB

3-5 Using ems to set font size.mp4

12.5 MB

3-9 Improving a color palette by reducing optical vibration.mp4

12.3 MB

3-2 Finding and applying a good font size and line height.mp4

11.1 MB

3-6 Using ems to set line length.mp4

9.6 MB

3-1 Understanding how we read.mp4

9.2 MB

3-7 Understanding how color affects readability.mp4

7.5 MB

/.../8 - Transitional Sans Serif Fonts/

8-3 Changing styling to improve the readability of text.mp4

23.8 MB

8-4 Looking at how using a Transitional Sans Serif font affects the look and feel of a web page.mp4

17.8 MB

8-2 Choosing a Transitional Sans Serif font.mp4

17.5 MB

8-1 Identifying a Transitional Sans Serif font.mp4

8.3 MB

/.../7 - Shaping a Modernist Typographic Page/

7-7 Shaping the modernist page layout.mp4

23.6 MB

7-8 Analyzing the modernist typographic elements on the professional sites.mp4

21.8 MB

7-3 Adding and removing space between the navigation links.mp4

18.7 MB

7-1 Designing typographic links for the modernist page.mp4

18.6 MB

7-4 Styling the inline links on the modernist page.mp4

15.9 MB

7-6 Applying a no-repeat background image.mp4

14.6 MB

7-5 Choosing a background color or image for the modernist bibliography.mp4

10.9 MB

7-2 Making a list of links run across the page.mp4

6.6 MB

/.../2 - Establishing the Proper Type Unit/

2-4 Letting users set page type size.mp4

22.2 MB

2-3 Defining a percentage-based page with ems.mp4

17.3 MB

2-2 Working with pixels.mp4

8.8 MB

2-1 Understanding type measurement unit options.mp4

4.1 MB

/.../Choosing and Using Web Fonts/5 - Modern Fonts/

5-1 Identifying a Modern font.mp4

21.6 MB

5-3 Using Typekit to find and test web fonts.mp4

15.5 MB

5-2 Choosing a Modern font.mp4

12.4 MB

/.../Choosing and Using Web Fonts/2 - Venetian Fonts/

2-7 Applying Calluna to your web site.mp4

21.1 MB

2-10 Working with more than four styles in Typekit.mp4

19.3 MB

2-9 Changing styling as necessary to improve the readability of the text.mp4

16.9 MB

2-11 Looking at how using a Venetian font affects the look and feel of a web page.mp4

14.2 MB

2-1 Understanding Venetian fonts.mp4

14.0 MB

2-2 Identifying a Venetian font.mp4

12.7 MB

2-4 Choosing a Venetian font.mp4

11.7 MB

2-3 Understanding handwritten letters.mp4

10.3 MB

2-5 Creating a Typekit account and building a kit.mp4

9.7 MB

2-6 Adding a Venetian font (Calluna) to your kit.mp4

8.3 MB

2-8 Troubleshooting Typekit fonts that don't load.mp4

7.2 MB

/.../Choosing and Using Web Fonts/4 - Transitional Fonts/

4-2 Choosing a Transitional font.mp4

20.5 MB

4-5 Looking at how using a Transitional font affects the look and feel of a web page.mp4

14.4 MB

4-4 Changing styling as necessary to improve the readability of the text.mp4

10.9 MB

4-1 Identifying a Transitional font.mp4

10.7 MB

4-3 Applying PT Sans to a site via Typekit.mp4

10.2 MB

/.../9 - Geometric Sans Serif Fonts/

9-6 Implementing the font family in the CSS.mp4

20.0 MB

9-4 Using Font Squirrel to create an @font-face kit.mp4

18.2 MB

9-7 Changing styling as necessary to improve the readability of the text.mp4

14.9 MB

9-3 Downloading a free font licensed for use on the web.mp4

14.2 MB

9-2 Choosing a Geometric Sans Serif font.mp4

13.9 MB

9-8 Looking at how using a Geometric Sans Serif font affects the look and feel of a web page.mp4

10.5 MB

9-5 Adding the @font-face syntax to the CSS.mp4

10.3 MB

9-1 Identifying a Geometric Sans Serif font.mp4

5.3 MB

/.../13 - Script Display Fonts/

13-2 Choosing a Script font for display use.mp4

19.7 MB

13-3 Changing styling as necessary to improve the form and placement of letters on the page.mp4

9.4 MB

13-4 Choosing a second font to pair with the Script Display font.mp4

8.9 MB

13-5 Incorporating a second font with the Script Display font.mp4

8.5 MB

13-6 Setting fallback font.mp4

7.8 MB

13-1 Understanding Script fonts.mp4

5.7 MB

/.../14 - Wood-Type-Inspired Display Fonts/

14-2 Choosing a Wood Type font for display use.mp4

18.6 MB

14-5 Incorporating a second font with the Wood Type display font.mp4

13.4 MB

14-3 Changing styling as necessary to improve the form and placement of letters on the page.mp4

12.7 MB

14-1 Understanding Wood Type fonts.mp4

10.4 MB

14-6 Setting fallback fonts.mp4

6.9 MB

14-4 Choosing a second font to pair with the Wood Type font.mp4

6.1 MB

/.../1 - Modifying Type in Dreamweaver/

1-3 Defining and changing type with the CSS Rule Definition dialog.mp4

18.1 MB

1-4 Modifying type directly in the CSS Styles panel.mp4

17.3 MB

1-2 Making the most of the Property inspector's CSS tab.mp4

14.2 MB

1-1 Working with the Property inspector's HTML tab.mp4

5.6 MB

/.../16 - Futuristic Fonts/

16-2 Applying the Futuristic font and changing the styling as necessary.mp4

16.6 MB

16-6 Looking at the set of four ads.mp4

13.5 MB

16-4 Incorporating a second font with the Futuristic display font.mp4

11.3 MB

16-1 Choosing a Futuristic font for display use.mp4

10.4 MB

16-5 Setting fallback fonts.mp4

6.3 MB

16-3 Choosing a second font to pair with the Futuristic font.mp4

6.3 MB

/.../1 - Using Fonts to Communicate the Meaning of a Word or Headline/

1-8 Applying web fonts in CSS with @font-face.mp4

16.1 MB

1-6 Choosing web fonts to convey meaning.mp4

14.8 MB

1-5 Using font characteristics to convey meaning.mp4

14.6 MB

1-7 Downloading web fonts.mp4

13.0 MB

1-1 Understanding how good typography promotes reading.mp4

11.3 MB

1-3 Understanding how fonts convey meaning.mp4

10.9 MB

1-4 Choosing web-safe fonts to convey meaning.mp4

10.6 MB

1-2 Understanding legibility.mp4

9.1 MB

/.../5 - Shaping a Page Using Typography/

5-1 Understanding classic and modernist typographic pages.mp4

15.3 MB

5-2 Understanding how to create rhythm and tension.mp4

14.6 MB

5-3 Applying typography skills when making design decisions.mp4

12.2 MB

/.../3 - Choosing Site Typefaces/

3-5 Setting up @font-face.mp4

15.2 MB

3-4 Exploring CSS3 typeface options.mp4

9.7 MB

3-2 Employing web-safe fonts.mp4

9.2 MB

3-3 Defining new font families.mp4

8.9 MB

3-1 Getting to know the basic font categories.mp4

1.9 MB

/.../2 - Using Fonts for Text/

2-6 Choosing a web font from the Google Font API for use in text.mp4

14.7 MB

2-9 Adding and applying the second font to the heading.mp4

13.4 MB

2-10 Analyzing the fonts on some professional sites.mp4

12.8 MB

2-7 Adding and applying the Google Font API syntax.mp4

12.0 MB

2-3 Setting a class for the resource titles in the text.mp4

11.1 MB

2-2 Applying the web-safe font to the text and the heading.mp4

6.9 MB

2-1 Choosing a web-safe font for use in text.mp4

6.8 MB

2-5 Applying the second font to the heading.mp4

5.3 MB

2-8 Choosing a second web font from the Google Font API for the heading.mp4

5.1 MB

2-4 Choosing a second web-safe font for the heading.mp4

4.6 MB

/.../Typography with CSS in Dreamweaver/4 - Integrating Color/

4-2 Applying color to type.mp4

13.8 MB

4-3 Incorporating semi-transparent type.mp4

12.9 MB

4-1 Dispelling the myth of web-safe colors.mp4

4.6 MB

/.../Choosing and Using Web Fonts/1 - Getting Started/

1-3 Finding and testing web fonts.mp4

12.3 MB

1-1 Recognizing the anatomy of letters.mp4

9.4 MB

1-2 Understanding font classification.mp4

8.4 MB

1-4 Identifying common problems in fonts.mp4

4.5 MB

/.../5 - Selecting Type Styles/

5-1 Setting the font-weight.mp4

12.1 MB

5-7 Inserting drop caps.mp4

10.5 MB

5-4 Utilizing white space effectively.mp4

10.5 MB

5-2 Mandating font case.mp4

8.4 MB

5-5 Changing letter and word spacing.mp4

7.5 MB

5-6 Defining first-line variations.mp4

7.3 MB

5-3 Exploring font variants.mp4

5.9 MB

/.../Typography with CSS in Dreamweaver/0 - Introduction/

0-1 Welcome.mp4

11.1 MB

0-2 Using the exercise files.mp4

4.8 MB

/.../Typography for Web Designers/Conclusion/

Additional resources.mp4

10.9 MB

/.../15 - Art Deco Fonts/

15-2 Changing styling as necessary to improve the form and placement of letters on the page.mp4

10.3 MB

15-4 Incorporating a second font with the Art Deco display font.mp4

8.3 MB

15-1 Choosing an Art Deco font for display use.mp4

7.8 MB

15-5 Setting fallback fonts.mp4

7.0 MB

15-3 Choosing a second font to pair with the Art Deco font.mp4

6.2 MB

/.../Choosing and Using Web Fonts/0 - Introduction/

0-1 Welcome.mp4

9.1 MB

0-3 Using the exercise files.mp4

4.5 MB

0-2 What you should know before watching this course.mp4

3.6 MB

/.../Typography for Web Designers/0 - Introduction/

0-3 Things to consider before starting this course.mp4

9.0 MB

0-1 Welcome.mp4

7.9 MB

0-2 Using the exercise files.mp4

3.2 MB

/.../Web Fonts First Look/0 - Introduction/

0-1 Welcome.mp4

9.0 MB

0-3 Using the exercise files.mp4

3.3 MB

0-2 Prerequisites for this course.mp4

2.1 MB

/.../Choosing and Using Web Fonts/

Exercise Files.rar

4.9 MB

/.../Typography for Web Designers/

Exercise Files.rar

1.9 MB

/.../Foundations of Typography/Exercise Files/

ResourceFilesCredits.indd

1.2 MB

Color_Tonal_Weight_Exercise_02_05.pdf

217.5 KB

Bibliography_Resources.pdf

118.7 KB

ResourceFilesCredits.pdf

78.4 KB

Schools_Resources.pdf

55.3 KB

Orgs_Conferences.pdf

53.6 KB

Blogs_Links.pdf

52.3 KB

Institutes_Collections.pdf

44.0 KB

ResourcesFontManagement.pdf

29.9 KB

/.../Typography with CSS in Dreamweaver/Conclusion/

Next steps.mp4

596.9 KB

 

Total files 293


Copyright © 2025 FileMood.com