| HTML: Basic Fonts |
 |
 |
 |
| Development - HTML | ||||||||||||||||||
| Written by Rick | ||||||||||||||||||
| Monday, 16 June 2008 00:00 | ||||||||||||||||||
|
A web designer, among other things, needs to select a font that can be viewed by nearly all OS's and browsers. Why? Well, fonts are not pushed over the internet with the HTML pages. Rather, the browser relies on locally installed fonts (those installed on the browsing machine) to render the text. If the font is not installed when the browser connects, the browser uses a "default" font installed on the users machine and specified by a setting in the browser. As a web developer, you can use a fancy font in html/css and hope users have it installed. Or use fonts that are provided generically with most operating systems. So, what are the basic fonts for use with html/css? Here's a nifty table for reference, grouped by font family.
1 Georgia and Trebuchet MS are bundled with Windows 2000/XP and they are also included in the IE font pack (and bundled with other MS applications), so they are quite common in Windows 98 systems. 2 Symbolic fonts are only displayed in Internet Explorer, in other browsers a font substitute is used instead (although the Symbol font does work in Opera and the Webdings works in Safari). 3 Book Antiqua is almost exactly the same font that Palatino Linotype, Palatino Linotype is included in Windows 2000/XP while Book Antiqua was bundled with Windows 98. 4 These fonts are not TrueType fonts but bitmap fonts, so they won't look well when using some font sizes (they are designed for 8, 10, 12, 14, 18 and 24 point sizes at 96 DPI). 5 These fonts work in Safari but only when using the normal font style, and not with bold or italic styles. Comic Sans MS works in bold but not in italic. Other Mac browsers seems to emulate properly the styles not provided by the font . 6 These fonts are present in Mac OS X only if Classic is installed.
Information from http://www.ampsoft.net. |
