When designing for the web, it is recommended to make sure that the web site will look good on most, if not all, of the computers that will access it. Most of the web users use either Windows or Mac OS to surf the web. Both operating systems come with pre-installed fonts out of the box.
The table below lists web-safe fonts that are common for both Windows and Macintosh. The Windows fonts are included with Windows XP and later, and the Mac fonts are included with Mac OS X. I am not going to mention Windows 98/95 or Mac OS 8/9 as these are legacy systems and the number of users using them for web is shrinking on a daily basis.
Sans-serif Fonts
Download Computer Fonts. Collection of most popular free to download fonts for Windows and Mac. This free fonts collection also offers useful content and a huge collection of TrueType face and OpenType font families categorized in alphabetical order. This list of fonts contains every font shipped with Mac OS X 10.0 through macOS 10.14, including any that shipped with language-specific updates from Apple (primarily Korean and Chinese fonts).For fonts shipped only with Mac OS X 10.5, please see Apple's documentation.
Font | Sample | Recommended CSS Stack |
---|---|---|
Arial | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Arial, “Helvetica Neue”, Helvetica, sans-serif |
Arial Black | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Arial Black, sans-serif |
Impact | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Impact, sans-serif |
Lucida | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Lucida Sans Unicode, Lucida Grande, sans-serif |
Tahoma | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Tahoma, Geneva, sans-serif |
Trebuchet MS | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Trebuchet MS, Helvetica, sans-serif |
Verdana | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Verdana, Geneva, sans-serif |
MS Sans Serif | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | MS Sans Serif, Geneva, sans-serif |
Serif Fonts
Font | Sample | Recommended CSS Stack |
---|---|---|
Georgia | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Georgia, serif |
Palatino | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Palatino Linotype, Palatino, serif |
Times New Roman | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Times New Roman, Times, serif |
MS Serif | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | MS Serif, New York, serif |
Special and monospaced fonts
Font | Sample | Recommended CSS Stack |
---|---|---|
Comic Sans MS | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Comic Sans MS, cursive |
Courier | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Courier New, Courier, monospace |
Lucida Console | Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet | Lucida Console, Monaco, monospace |
Symbol fonts
Font | Sample | Recommended CSS Stack |
---|---|---|
Symbol | Lorem | Symbol |
Webdings | Lorem | Webdings |
Zapf Dingbats | Lorem | Zapf Dingbats |
Install fonts
Double-click the font in the Finder, then click Install Font in the font preview window that opens. After your Mac validates the font and opens the Font Book app, the font is installed and available for use.
You can use Font Book preferences to set the default install location, which determines whether the fonts you add are available to other user accounts on your Mac.
Fonts that appear dimmed in Font Book are either disabled ('Off'), or are additional fonts available for download from Apple. To download the font, select it and choose Edit > Download.
Fonts For Mac Free
Disable fonts
You can disable any font that isn't required by your Mac. Select the font in Font Book, then choose Edit > Disable. The font remains installed, but no longer appears in the font menus of your apps. Fonts that are disabled show ”Off” next to the font name in Font Book.
Remove fonts
Free Fonts Download For Mac
You can remove any font that isn't required by your Mac. Select the font in Font Book, then choose File > Remove. Font Book moves the font to the Trash.
Fonts For Mac Computer
Learn more
macOS supports TrueType (.ttf), Variable TrueType (.ttf), TrueType Collection (.ttc), OpenType (.otf), and OpenType Collection (.ttc) fonts. macOS Mojave adds support for OpenType-SVG fonts.
Legacy suitcase TrueType fonts and PostScript Type 1 LWFN fonts might work but aren't recommended.