Feb
10
Written by:
Steve Cowling
2/10/2010 3:08 AM
Web Safe Fonts.
Web safe fonts are used to ensure maximum compatibility between browsers and operating systems.
These fonts are used in the content portion of your website, eg: Text/HTML modules, Menu Controls etc. Not in the design element as this is mostly image based.
When designing the style sheet for your site we use a "fallback system" of font-families, meaning that if the users browser does not support the first font of choice it will automatically select the next font in the family.
Eg. Arial, Helvetica, sans-serif
This means that the browser will use Arial first, and if the users browser does not support Arial it will use Helvetica.
List of Web Safe font-Families
| Font Family |
Style |
| "Times New Roman", Times, serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet erat ac magna facilisis interdum. |
| Arial, Helvetica, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet erat ac magna facilisis interdum. |
| "Comic Sans", cursive, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet erat ac magna facilisis interdum. |
| Impact, Charcoal, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet erat ac magna facilisis interdum. |
| "Lucida Sans Unicode", "Lucida Grande", sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet erat ac magna facilisis interdum. |
| Tahoma, Geneva, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet erat ac magna facilisis interdum. |
| "Trebuchet MS", Helvetica, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet erat ac magna facilisis interdum. |
| Verdana, Geneva, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet erat ac magna facilisis interdum. |
| "Courier New", Courier, monospace |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet erat ac magna facilisis interdum. |
| "Lucida Console", Monaco, monospace |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet erat ac magna facilisis interdum. |
Copyright ©2010 Steve Cowling