Web Safe Fonts
When designing a website there are a number of platforms (Windows, Linux, Mac, Tablet, Mobile...) and browsers (Opera, Firefox, Safari, Froyo, Internet Explorer...) to consider. Although modern browsers support any font hosted on a website, older browsers only support fonts that are installed on the operating system (platform) used to view the website. Here are a list of web safe font families you should choose from when designing a site or HTML email if you want it to look similar to all visitors:
This is a sample of Arial. | font-family:Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; |
This is a sample of Arial Narrow. | font-family:'Arial Narrow', 'Nimbus Sans L', sans-serif; |
This is a sample of Arial Black. | font-family:'Arial Black', Gadget, sans-serif; |
This is a sample of Bookman Old Style. | font-family:'Bookman Old Style', Bookman, 'URW Bookman L', 'Palatino Linotype', serif; |
This is a sample of Century Gothic. | font-family:'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif; |
This is a sample of Comic Sans. | font-family:'Comic Sans MS', cursive; |
This is a sample of Consolas. | font-family:Consolas, 'Lucida Console', 'DejaVu Sans Mono', monospace; |
This is a sample of Courier. | font-family:'Courier New', Courier, 'Nimbus Mono L', serif, monospace; |
This is a sample of Georgia. | font-family:Constantina, Georgia, 'Nimbus Roman No9 L', serif; |
This is a sample of Helvetica. | font-family:Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; |
This is a sample of Impact. | font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; |
This is a sample of Lucida. | font-family:'Lucida Sans Unicode','Lucida Grande', 'Lucida Sans', 'DejaVu Sans Condensed', sans-serif; |
This is a sample of Cambria / Antiqua. | font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif; |
This is a sample of Symbol. | font-family:symbol, 'Standard Symbols L'; |
This is a sample of Tahoma. | font-family:'Tahoma', sans-serif; |
This is a sample of Cambria / Times. | font-family:Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif; |
This is a sample of Trebuchet. | font-family:'Trebuchet MS', sans-serif; |
This is a sample of Verdana. | font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif; |
This is a sample of Webdings. | font-family:Webdings, fantasy; |
This is a sample of Wingdings. | font-family:Wingdings, fantasy; |
This is a sample of Monotype Corsiva. | font-family:'Monotype Corsiva', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L', cursive; |
This is a sample of Monotype Sorts. | font-family:'Monotype Sorts', dingbats, 'ITC Zapf Dingbats', fantasy; |
If you are sure that the vast majority of your visitors will be using secure, modern and Standards Compliant browsers like Opera, Firefox, Safari, Froyo... then you can make use of CSS3 features that allow the use of web hosted fonts; then even dual/triple colour text is possible on your web pages without the use of images like "Stomp Swirl". Until recently we did not recommend their use but now Chrome and anyone with Internet Explorer 9 or above can render CSS3 pages making dual colour fonts suitable for virtually all websites.
Dual Colour Web Font
eg. Stomp Swirl is one Dual Colour web-suitable font that works in all modern browsers. Both colours are specified in CSS.We supply dual and tri colour fonts for exclusive & non-exclusive web use.
Please give us a call or complete the form below to discuss your project. We are happy to work with you under a NDA.