Viewers: in countries Watching now:
Dive deep into key typographic concepts and learn how to manipulate type in Dreamweaver. Author Joseph Lowery introduces Dreamweaver type tools and shows how to perform basic text modifications, establish the appropriate type unit, integrate custom web fonts, and apply drop shadows, gradients, and other effects. The course also provides in-depth tutorials on structuring text with headings, paragraphs, columns, and lists, and offers a preview of Adobe's proposed CSS Regions.
Typefaces on the web are organized around five basic categories. When constructing a font-family covered in the Employing Websafe Fonts and Defining the New Font Families videos in this chapter, the final member of the family is the category name. This is the ultimate fallback for browsers. If none of the fonts listed in the font family are available, the browser uses the default font as specified by the category name. The five categories are Serif, Sans- Serif, Monospace, Cursive and Fantasy.
Serif includes typefaces like Times New Roman, Georgia, Palatino and Book Antiqua. In Sans-Serif, you'll find Arial, Helvetica, Geneva and Lucida Sans Unicode. Under Monospace you could use Courier New, Monaco and Lucida Console. Cursive has just one: Comic Sans MS, and likewise Fantasy: Impact. Now these font families are all common to both Mac and Windows operating systems and that's why they're called Websafe Fonts.
In the real world of Web design only two of the type categories are used regularly, Serif and Sans-Serif, with a third Monospace being applied in special cases. Still, as a web designer, it's always important to know all of your options.
There are currently no FAQs about Typography with CSS in Dreamweaver.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.