Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > CSS

  • Print
  • + Share This
Like this article? We recommend

10. Browser-Safe Fonts

There may not be thousands of typefaces at your disposal, but most people browsing the Web today are using computers with a dozen or more fonts that were preinstalled by the manufacturer.

Using these fonts can dramatically open your typographic horizons, but there is one obvious drawback. Although there is some overlap between Mac and Windows fonts—especially if Microsoft Word or Internet Explorer is installed, which is likely—sticking to only the common fonts does limit you. Of course, the solution with CSS is simple. Just include a list of similar fonts in your definition list, pulling one from the Windows list and the other from the Mac list.

Of course, this means that you should test your designs in both fonts to ensure that one font doesn’t do anything unexpected. But the changes should be minimal.


  • + Share This
  • 🔖 Save To Your Account