پیشنهاد فرادرس

آموزش استفاده از فونت ها در وب Lynda - Choosing and Using Web Fonts

دسته بندی ها: آموزش طراحی وب ، آموزش های لیندا (Lynda)

آموزش-استفاده-از-فونت-ها-در-وب-lynda-choosing-using-web-fonts

از زمانی که CSS3 معرفی شد مشکل تمام طراحان وب در استفاده از فونت های دلخواه حل شد.

شما با استفاده از CSS3 می توانید در وب سایت های خود از فونت های سفارشی استفاده کنید بدون اینکه نگرانی بابت نصب نبودن فونت مورد نظر در سیستم کاربر داشته باشید.

در این دوره آموزشی که محصول شرکت Lynda است شما با نحوه import کردن فونت های سفارشی در وب آشنا می شوید.

سرفصل های دوره آموزشی:

  • استفاده از فایل های تمرینی
  • آشنایی با font classification
  • شناخت مشکلات عمومی در fonts
  • آشنایی با Venetian fonts
  • شناخت handwritten letters
  • انتخاب Venetian font
  • کار با ore than four styles  در  Typekit
  • انتخاب Old Style font
  • انتخاب Transitional font
  • استفاده از Typekit  برای  find  و  test web fonts
  • حذف یک فونت از Typekit
  • استفاده از font without an italic
  • استفاده از font  برای  headings  و  another  برای  text
  • آشنایی با فونت اسکریپت
  • آشنایی با Wood Type fonts
  • تنظیم fallback fonts

لیست سرفصل های دوره آموزشی:

This course focuses on the theories behind web fonts: what makes a good font, why different fonts look the way they do, and how fonts affect the look of a web page. Author Laura Franz covers common tasks, including downloading a font from an online source such as Typekit or Font Squirrel, implementing the font in HTML and CSS, and changing the size and line-height to improve the readability of text. The course also covers different periods of type design and explores the history behind handwritten fonts, text fonts (used for large amounts of text), and display fonts (used for headlines).
Topics include:

Explaining the history of text fonts, from Old Style, Transitional, and Modern to Slab Serif and Sans Serif Understanding font classifications Setting up a Typekit account Choosing a quality font based on forms, spacing, and weights and styles Accessing fonts from various sources Implementing fonts with the @font-face syntax Looking at how fonts affect the look and feel of a web page Changing font styling to improve readability Making various font weights and styles work correctly across multiple browsers Pairing fonts (headline and text, two fonts in text, and so on) Setting fallback fonts

Introduction 4m 41s

Welcome 1m 2s

What you should know before watching this course 1m 52s

Using the exercise files 1m 47s

1. Getting Started 14m 55s

Recognizing the anatomy of letters 4m 17s

Understanding font classification 4m 38s

Finding and testing web fonts 3m 41s

Identifying common problems in fonts 2m 19s

2. Venetian Fonts 43m 43s

Understanding Venetian fonts 4m 0s

Identifying a Venetian font 4m 46s

Understanding handwritten letters 3m 22s

Choosing a Venetian font 3m 47s

Creating a Typekit account and building a kit 3m 43s

Adding a Venetian font (Calluna) to your kit 2m 51s

Applying Calluna to your web site 5m 54s

Troubleshooting Typekit fonts that don't load 2m 2s

Changing styling as necessary to improve the readability of the text 4m 25s

Working with more than four styles in Typekit 5m 22s

Looking at how using a Venetian font affects the look and feel of a web page 3m 31s

3. Old Style Fonts 32m 53s

Identifying an Old Style font 6m 26s

Choosing an Old Style font 4m 30s

Applying Crimson Text to a web site using Google web fonts 3m 8s

Changing styling as necessary to improve the readability of the text 9m 20s

Making various weights and styles work correctly across different browsers 5m 16s

Looking at how using an Old Style font affects the look and feel of a web page 4m 13s

4. Transitional Fonts 21m 12s

Identifying a Transitional font 5m 10s

Choosing a Transitional font 6m 36s

Applying PT Sans to a site via Typekit 2m 57s

Changing styling as necessary to improve the readability of the text 2m 59s

Looking at how using a Transitional font affects the look and feel of a web page 3m 30s

5. Modern Fonts 16m 58s

Identifying a Modern font 7m 50s

Choosing a Modern font 4m 0s

Using Typekit to find and test web fonts 5m 8s

6. Slab Serif Fonts 26m 52s

Identifying a Slab Serif font 4m 30s

Choosing a Slab Serif font 3m 58s

Deleting a font from your Typekit 3m 1s

Exploring a font with multiple weights and styles 9m 41s

Looking at how using a Slab Serif font affects the look and feel of a web page 5m 42s

7. Other Serif Fonts 26m 52s

Identifying "Other" Serif fonts 5m 28s

Choosing "Other" Serif fonts 10m 12s

Using a font without an italic 7m 6s

Looking at how using an "Other" Serif font affects the look and feel of a web page 4m 6s

8. Transitional Sans Serif Fonts 20m 34s

Identifying a Transitional Sans Serif font 4m 29s

Choosing a Transitional Sans Serif font 5m 14s

Changing styling to improve the readability of text 6m 31s

Looking at how using a Transitional Sans Serif font affects the look and feel of a web page 4m 20s

9. Geometric Sans Serif Fonts 31m 23s

Identifying a Geometric Sans Serif font 2m 51s

Choosing a Geometric Sans Serif font 4m 33s

Downloading a free font licensed for use on the web 3m 53s

Using Font Squirrel to create an @font-face kit 5m 12s

Adding the @font-face syntax to the CSS 2m 57s

Implementing the font family in the CSS 5m 29s

Changing styling as necessary to improve the readability of the text 3m 56s

Looking at how using a Geometric Sans Serif font affects the look and feel of a web page 2m 32s

10. Humanist Sans Serif Fonts 21m 3s

Identifying a Humanist Sans Serif font 4m 18s

Choosing a Humanist Sans Serif font 7m 23s

Changing styling as necessary to improve the readability of the text 5m 32s

Looking at how using a Humanist Sans Serif font affects the look and feel of a web page 3m 50s

11. Handwritten Fonts 18m 28s

Understanding handwritten fonts 3m 4s

Choosing a handwritten font 8m 17s

Looking at how using a handwritten font affects the look and feel of a web page 7m 7s

12. Pairing Fonts 33m 2s

Understanding what to look for when pairing fonts 6m 58s

Using one font for headings and another for text 6m 6s

Using different fonts for different kinds of information on the page 8m 38s

Mixing and matching fonts within text 3m 48s

Looking at how using two fonts affects the look and feel of a web page 7m 32s

13. Script Display Fonts 23m 34s

Understanding Script fonts 2m 19s

Choosing a Script font for display use 8m 12s

Changing styling as necessary to improve the form and placement of letters on the page 3m 33s

Choosing a second font to pair with the Script Display font 3m 42s

Incorporating a second font with the Script Display font 2m 53s

Setting fallback fonts 2m 55s

14. Wood-Type-Inspired Display Fonts 26m 38s

Understanding Wood Type fonts 3m 25s

Choosing a Wood Type font for display use 8m 35s

Changing styling as necessary to improve the form and placement of letters on the page 4m 57s

Choosing a second font to pair with the Wood Type font 2m 28s

Incorporating a second font with the Wood Type display font 4m 42s

Setting fallback fonts 2m 31s

15. Art Deco Fonts 14m 58s

Choosing an Art Deco font for display use 2m 45s

Changing styling as necessary to improve the form and placement of letters on the page 3m 51s

Choosing a second font to pair with the Art Deco font 2m 37s

Incorporating a second font with the Art Deco display font 2m 57s

Setting fallback fonts 2m 48s

16. Futuristic Fonts 27m 38s

Choosing a Futuristic font for display use 5m 33s

Applying the Futuristic font and changing the styling as necessary to improve the form and placement of letters on the page 6m 40s

Choosing a second font to pair with the Futuristic font 2m 48s

Incorporating a second font with the Futuristic display font 4m 21s

Setting fallback fonts 2m 22s

Looking at the set of four ads 5m 54s

Conclusion 7m 29s

Exploring resources and goodbye 7m 29s

عنوان دوره: Lynda - Choosing and Using Web Fonts حجم فایل: 725MB

Lynda Choosing and Using Web Fonts

پیشنهاد فرادرس