In this course you'll get hands-on experience working on five typography projects.…I will give you a preview of the finished projects in a moment.…First, you should know that in this course I assume you have some experience…with HTML and CSS, either in a text editor or in Dreamweaver.…If you aren't familiar with the basics of HTML and CSS, you may find the…exercises go a little fast for you.…If that happens, I recommend watching a basic HTML and CSS course from the…lynda.com Online Training Library first.…
Second, you should know the type on the web is not a consistent creature.…Your designing sites that will be seen on different platforms and at…different resolutions.…Unfortunately, type renders differently across browsers.…The exact same font can look smoother, crisper, or even heavier in…different browsers.…Text looks slightly smaller or bigger and letter spacing look slightly tighter or looser.…As with any element of web design, type should be checked across browsers and at…different resolutions to see how it holds up.…
- Understanding how good typography promotes reading
- Choosing web-safe fonts
- Applying web fonts in CSS with @font-face
- Adding and applying the Google Fonts syntax
- Finding and applying a good font size, line height, and line length
- Improving a color palette by improving contrast and reducing optical vibration
- Understanding how people mentally organize, or chunk, visual elements
- Applying a system of hierarchy in HTML and CSS
- Applying vertical spacing in CSS
- Adding emphasis within a heading
- Understanding classic and modernist typographic pages
- Adding a list of links
- Creating drop caps
- Fixing quotation marks, apostrophes, and dashes
Skill Level Intermediate
Q: Where can I learn more about graphic design?
A: Discover more about this topic by visiting graphic design on lynda.com.
1. Using Fonts to Communicate the Meaning of a Word or Headline
2. Using Fonts for Text
3. Maximizing Readability
4. Visually Chunking Text
5. Shaping a Page Using Typography
6. Shaping a Traditional Typographic Page
7. Shaping a Modernist Typographic Page
8. Attending to the Typographic Details
Additional resources3m 9s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.