5 Font Tips You Should Know
Some very important points to note when working with type in CSS.
- Generic font family names are keywords. Thus, they should NOT be quoted. e.g: this is wrong:
/* WRONG
*/
font-family: Verdana "sans-serif"
-
Providing the generic font family name at the end of the list provides a fallback mechanism. i.e if the initial fonts specified aren’t available, there’s a fallback!
-
Below are fonts you can feel confident using. i.e you can be sure the user has them installed. Pre-installed on their Operating System.
Windows: Arial, Lucida, Impact, Times New Roman, Courier New, Tahoma, Comic Sans, Verdana, Georgia, Garamond
Mac: Helvetica, Futura, Bodoni, Times, Palatino, Courier, Gill Sans, Geneva, Baskerville, Andale Mono
- The list of fallback fonts is generally called a
font-stack
- Enclose font names in quotation marks, if they contain spaces. e.g:
Get hands-on with 1200+ tech skills courses.