CSS Web Fonts
CSS
Web safe fonts for HTML and CSS are widely available on most operating systems.
Web safe fonts
➔ Web safe fonts are universally pre-installed in most operating systems and browsers.
➔ Web safe fonts ensure a consistent appearance for website visitors.
➔ This universality ensures that the font will render and improves reliability and page load speed.
➔ Most common web fonts are:
- "Times New Roman" (serif)
- Times (serif)
- Georgia (serif)
- Garamond (serif)
- Arial (sans-serif)
- Helvetica (sans-serif)
- Tahoma (sans-serif)
- Verdana (sans-serif)
- "Trebuchet MS" (sans-serif)
- Courier (monospace)
- "Courier New" (monospace)
- "Brush Script MT" (cursive)
- "Lucida Handwriting" (fantasy)
Common web font and generic family.
| Font Name | Generic Family | Looks |
|---|---|---|
| "Times New Roman" | Serif |
The quick brown fox jumps over the lazy dog. Ex: p {font-family: "Times New Roman", serif;} |
| Times | Serif |
The quick brown fox jumps over the lazy dog. Ex: p {font-family: Times, serif;} |
| Georgia | Serif | The quick brown fox jumps over the lazy dog. Ex: p {font-family: Georgia, serif;} |
| Garamond | Serif | The quick brown fox jumps over the lazy dog. Ex: p {font-family: Garamond, serif;} |
| Arial | Sans-serif | The quick brown fox jumps over the lazy dog. Ex: p {font-family: Arial, sans-serif;} |
| Helvetica | Sans-serif | The quick brown fox jumps over the lazy dog. Ex: p {font-family: Helvetica, sans-serif;} |
| Tahoma | Sans-serif | The quick brown fox jumps over the lazy dog. Ex: p {font-family: Tahoma, sans-serif;} |
| Verdana | Sans-serif | The quick brown fox jumps over the lazy dog. Ex: p {font-family: Verdana, sans-serif;} |
| "Trebuchet MS" | Sans-serif | The quick brown fox jumps over the lazy dog. Ex: p {font-family: "Trebuchet MS", sans-serif;} |
| "Courier New" | Monospace | The quick brown fox jumps over the lazy dog. Ex: p {font-family: "Courier New", monospace;} |
| "Brush Script MT" | Cursive | The quick brown fox jumps over the lazy dog. Ex: p {font-family: "Brush Script MT", cursive;} |
| Copperplate | fantasy | The quick brown fox jumps over the lazy dog. Ex: p {font-family: Copperplate, fantasy;} |