Webdesign Quiz
Short-answer Research Assignment
2.List all the standard HTML typefaces you can use in web publishing for mac and also for Windows PC.
Windows fonts / Mac fonts / Font family
Normal style | Bold style |
---|---|
Arial, Arial, Helvetica, sans-serif | Arial, Arial, Helvetica, sans-serif |
Arial Black, Arial Black, Gadget, sans-serif | Arial Black, Arial Black, Gadget, sans-serif |
Comic Sans MS, Comic Sans MS, cursive | Comic Sans MS, Comic Sans MS, cursive |
Courier New, Courier New, mono-space | Courier New, Courier New, mono-space |
Georgia, Georgia, serif | Georgia, Georgia, serif |
Impact, Impact, Charcoal, sans-serif | Impact, Impact, Charcoal, sans-serif |
Lucida Console, Monaco, monospace | Lucida Console, Monaco, monospace |
Lucida Sans Unicode, Lucida Grande, sans-serif | Lucida Sans Unicode, Lucida Grande, sans-serif |
Palatino Linotype, Book Antiqua, Palatino, serif | Palatino Linotype, Book Antiqua, Palatino, serif |
Tahoma, Geneva, sans-serif | Tahoma, Geneva, sans-serif |
Times New Roman, Times New Roman, Times, serif | Times New Roman, Times New Roman, Times, serif |
Trebuchet MS, Trebuchet MS, sans-serif | Trebuchet MS, Trebuchet MS, sans-serif |
Verdana, Verdana, Geneva, sans-serif | Verdana, Verdana, Geneva, sans-serif |
Symbol, Symbol (Symbol, Symbol) | Symbol, Symbol (Symbol, Symbol) |
Webdings, Webdings (Webdings, Webdings) | Webdings, Webdings (Webdings, Webdings) |
Wingdings, Zapf Dingbats(Wingdings, Zapf Dingbats) | Wingdings, Zapf Dingbats(Wingdings, Zapf Dingbats) |
MS Sans Serif, Geneva, sans-serif | MS Sans Serif, Geneva, sans-serif |
MS Serif, New York, serif | MS Serif, New York, serif |
3.List all the things you can do to a typeface using html (hint: bold is one variation, there are 8 altogether)
Bold,Italic,Underline,Size,Style,Color,Align,Centre,Align Right and weight.
4.List all the things you can do to type using CSS (cascading style sheets).
font-family
font-size
font-weight
font-style
font-variant
text-transform
text-decoration
font
5.List free online 3 tools that can help you visualize how a typeface looks on a web page.
1. Css Txt
2. CSS Type
3. Font Tester
6.What's aliased type? What's anti-aliased type?
Aliasing--jagged edges that make type looks cheesy on-screen.
Anti-aliasing is a system whereby the edges of letters use shades between the color of the type and the color of the background. It makes text look fuzzy.
7.What's so good about the @font-face html tag?
The <font> tag specifies the font face, font size, and font color of text.
Summary
This lesson introduced you to typography. The character of typefaces affects how and where you use them. Practice and study is the key to getting "a feel for type".
No comments:
Post a Comment