Its quite common now days to have custom type face for web design.
These browser supports TTF (true type) / OTF (open type) format:
- Safari / Webkit 3.1
- Opera 10 / Opera Mobile 9.7
- Firefox 3.5 / Thunderbird 3 / SeaMonkey 2
- Ie9 (maybe?)
- Chrome 4
While IE 5/6/7/8/9 supports EOT (embeded open type) format.
@font-face will not work on chrome / safari if font-variant is set to small-cap.
@font-face will not work on chrome / safari if font-variant is set to small-cap.
As for other browser, you may set alternative font-family of type face web-safe fonts:
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 MS5, cursive | Comic Sans MS, Comic Sans MS5, cursive |
Courier New, Courier New, Courier6, monospace | Courier New, Courier New, Courier6, monospace |
Georgia1, Georgia, serif | Georgia1, Georgia, serif |
Impact, Impact5, Charcoal6, sans-serif | Impact, Impact5, Charcoal6, sans-serif |
Lucida Console, Monaco5, monospace | Lucida Console, Monaco5, monospace |
Lucida Sans Unicode, Lucida Grande, sans-serif | Lucida Sans Unicode, Lucida Grande, sans-serif |
Palatino Linotype, Book Antiqua3, Palatino6, serif | Palatino Linotype, Book Antiqua3, Palatino6, serif |
Tahoma, Geneva, sans-serif | Tahoma, Geneva, sans-serif |
Times New Roman, Times, serif | Times New Roman, Times, serif |
Trebuchet MS1, Helvetica, sans-serif | Trebuchet MS1, Helvetica, sans-serif |
Verdana, Verdana, Geneva, sans-serif | Verdana, Verdana, Geneva, sans-serif |
Symbol, Symbol (Symbol2, Symbol2) | Symbol, Symbol (Symbol2, Symbol2) |
Webdings, Webdings (Webdings2, Webdings2) | Webdings, Webdings (Webdings2, Webdings2) |
Wingdings, Zapf Dingbats (Wingdings2, Zapf Dingbats2) | Wingdings, Zapf Dingbats (Wingdings2, Zapf Dingbats2) |
MS Sans Serif4, Geneva, sans-serif | MS Sans Serif4, Geneva, sans-serif |
MS Serif4, New York6, serif | MS Serif4, New York6, serif |
No comments:
Post a Comment