Last updated: 2008/06/03
Return to the main page
Introduction
Here you can find the list with the standard set of fonts common to all versions of Windows and their Mac substitutes, referred sometimes as 'browser safe fonts'. This is the reference I use when making web pages and I expect you will find it useful too.
Monaco is the default font used by OSX before Snow Leopard. Characters are distinct so its difficult to confuse 0O and 1lI.I like this font because of its special style that makes me feel like using OSX again (I am using Ubuntu mainly now). Preinstalled Fonts. Enabled automatically by macOS and iOS. Displayed if used by an app in a document. Downloadable Fonts. Can be downloaded using Font Book.
- Download Free Fonts (TTF) for Windows and Apple, All fonts on this site are either freeware or shareware other categories also dingbats, styled, roman, italic Toggle navigation Fonts101.com Font Styles.
- FontZone.net offers thousands of free fonts to enhance your own websites, documents, greeting cards, and more. You can browse popular fonts by themes, name or style. FontZone.net helps millions of designers across the globe expressing their creativity with much more diversity.
- If that's the case, you may have considered increasing the standard font size on your Mac to help with small text that can be difficult to read. Unfortunately, you can't simply press a button to.
If you are new to web design, maybe you are thinking: 'Why I have to limit to that small set of fonts? I have a large collection of nice fonts in my computer'. Well, as seasoned web designers already know, browsers can use only the fonts installed in each computer, so it means that every visitor of your web page needs to have all the fonts you want to use installed in his/her computer. Of course, different people will have different fonts installed, and thus come the need of a standard set of fonts. Fortunately, CSS allows set several values for the font-family property, which eases the task a bit.
If you want to know how the fonts are displayed in other OS's or browsers than yours, after the table you can find several screen shots of this page in different systems and browsers. Also, you can take a look to the list of the default fonts included with each version of Windows.
The list
First, a few introductory notes:
- The names in grey are the generic family of each font.
- In some cases the Mac equivalent is the same font, since Mac OS X also includes some of the fonts shipped with Windows.
- The notes at the bottom contains specific information about some of the fonts.
Normal style | Bold style |
---|---|
Arial, Arial, Helvetica, sans-serif | Arial, Arial, Helvetica, sans-serif |
Arial Black, Arial Black, Gadget, sans-serif | Arial Black, Arial Black, Gadget, sans-serif |
Comic Sans MS, Comic Sans MS5, cursive | Comic Sans MS, Comic Sans MS5, cursive |
Courier New, Courier New, monospace | Courier New, Courier New, monospace |
Georgia1, Georgia, serif | Georgia1, Georgia, serif |
Impact, Impact5, Charcoal6, sans-serif | Impact, Impact5, Charcoal6, sans-serif |
Lucida Console, Monaco5, monospace | Lucida Console, Monaco5, monospace |
Lucida Sans Unicode, Lucida Grande, sans-serif | Lucida Sans Unicode, Lucida Grande, sans-serif |
Palatino Linotype, Book Antiqua3, Palatino, serif | Palatino Linotype, Book Antiqua3, Palatino, serif |
Tahoma, Geneva, sans-serif | Tahoma, Geneva, sans-serif |
Times New Roman, Times New Roman, Times, serif | Times New Roman, Times New Roman, Times, serif |
Trebuchet MS1, Trebuchet MS, sans-serif | Trebuchet MS1, Trebuchet MS, sans-serif |
Verdana, Verdana, Geneva, sans-serif | Verdana, Verdana, Geneva, sans-serif |
Symbol, Symbol(Symbol2, Symbol2) | Symbol, Symbol(Symbol2, Symbol2) |
Webdings, Webdings(Webdings2, Webdings2) | Webdings, Webdings(Webdings2, Webdings2) |
Wingdings, Zapf Dingbats(Wingdings2, Zapf Dingbats2) | Wingdings, Zapf Dingbats(Wingdings2, Zapf Dingbats2) |
MS Sans Serif4, Geneva, sans-serif | MS Sans Serif4, Geneva, sans-serif |
MS Serif4, New York6, serif | MS Serif4, New York6, serif |
1 Georgia and Trebuchet MS are bundled with Windows 2000/XP and they are also included in the IE font pack (and bundled with other MS applications), so they are quite common in Windows 98 systems.
2 Symbolic fonts are only displayed in Internet Explorer, in other browsers a font substitute is used instead (although the Symbol font does work in Opera and the Webdings works in Safari).
3 Book Antiqua is almost exactly the same font that Palatino Linotype, Palatino Linotype is included in Windows 2000/XP while Book Antiqua was bundled with Windows 98.
4 These fonts are not TrueType fonts but bitmap fonts, so they won't look well when using some font sizes (they are designed for 8, 10, 12, 14, 18 and 24 point sizes at 96 DPI).
5 These fonts work in Safari but only when using the normal font style, and not with bold or italic styles. Comic Sans MS works in bold but not in italic. Other Mac browsers seems to emulate properly the styles not provided by the font (thanks to Christian Fecteau for the tip).
6 These fonts are present in Mac OS X only if Classic is installed (thanks to Julian Gonggrijp for the corrections).
How the fonts look in different systems and browsers
- Mac OS X 10.4.8, Firefox 2.0, font smoothing enabled (thanks to Juris Vecvanags for the screen shot)
- Mac OS X 10.4.4, Firefox 1.5, font smoothing enabled (thanks to Eric Zavesky for the screen shot)
- Mac OS X 10.4.11, Safari 3.0.4, font smoothing enabled (thanks to Nolan Gladius for the screen shot)
- Mac OS X 10.4.4, Safari 2.0.3, font smoothing enabled (thanks to Eric Zavesky for the screen shot)
- Windows Vista, Internet Explorer 7, ClearType enabled (thanks to Michiel Bijl for the screen shot)
- Windows Vista, Firefox 2.0, ClearType enabled (thanks to Michiel Bijl for the screen shot)
- Linux (Ubuntu 7.04 + Gnome), Firefox 2.0 (thanks to Juris Vecvanags for the screen shot)
Note that while the ClearType smoothing is applied always, the basic font smoothing of Windows 98/2000/XP is applied only to certain font sizes. That sizes can be specified by the font designer, but usually they are in the ranges of 0-6 and 14+ points (pt).
The Mac font list was obtained from the Browser Safe Fonts PDF of webbedEnvironments and from the List of fonts in Mac OS X of the Wikipedia.
Return to the main page
Category | Sans-serif |
---|---|
Classification | Modern Humanist |
Designer(s) | Matthew Carter |
Foundry | Microsoft |
Date released | 1996 |
Design based on | Tahoma |
Variations | Meiryo |
Metrically compatible with | Bitstream Vera Sans DejaVu Sans |
Verdana is a humanist sans-seriftypeface designed by Matthew Carter for Microsoft Corporation, with hand-hinting done by Thomas Rickner, then at Monotype. Demand for such a typeface was recognized by Virginia Howlett of Microsoft's typography group and commissioned by Steve Ballmer.[1][2] The name 'Verdana' is based on verdant (something green), and Ana (the name of Howlett's eldest daughter).[3]
Bearing similarities to humanist sans-serif typefaces such as Frutiger, Verdana was designed to be readable at small sizes on the low-resolution computer screens of the period.[4] Like many designs of this type, Verdana has a large x-height (tall lower-case characters), with wider proportions and looser letter-spacing than on print-orientated designs like Helvetica. The counters and apertures are wide, to keep strokes clearly separate from one another, and similarly-shaped letters are designed to appear clearly different to increase legibility for body text. The bold weight is thicker than would be normal with fonts for print use, suiting the limitations of onscreen display.[5] Carter has described spacing as an area he particularly worked on during the design process.[6]
Distinctive visual identifiable characteristics[edit]
Characteristics of the typeface are:
- Lower case
- there is a square dot over the letter i
- the lowercase j has a serif on top that protrudes left
- the a is double-story
Old English Text Font For Mac
- Upper case
- the capital Q's tail is centered under the figure
- the uppercase J has a serif on the top that protrudes left
- the uppercase I has two serifs on the top and bottom
As an example of the approach of making similar characters easily distinguishable, the digit 1 (one) in Verdana was given a horizontal base and a hook in the upper left to distinguish it from lowercase l (L) and uppercase I (i). This is similar to the digit '1' found in Morris Fuller Benton's sans-serif typefaces News Gothic and Franklin Gothic.
Prevalence[edit]
Released in 1996, Verdana was bundled with subsequent versions of the Windowsoperating system, as well as their Office and Internet Explorer software on Windows, classic Mac OS, and Mac OS X. Since at least Mac OS X 10.4 it is even bundled with Mac OS itself.[7] In addition, up until 2002[8][9] it was available for download from Microsoft's web site as freeware ('.exe' files for Microsoft Windows and in '.sit.hqx' archives for Mac OS) under a proprietary license imposing some restrictions on usage and distribution, allowing it to be used by end users in any system supporting installation of 'exe' or '.sit.hqx' files and supporting TrueType fonts.[10] The downloadable files are still available legally from third-party web sites; see the External links section. However, these files include only old versions of Verdana and updated versions are not available as a freeware.
According to one long-running survey, the availability of Verdana is 99.70% on Windows, 98.05% on computers running Mac OS, and 67.91% on free operating systems like Linux.[11]
According to a study of online fonts by the Software Usability and Research Laboratory at Wichita State University, participants preferred Verdana to be the best overall font choice and it was also perceived as being among the most legible fonts.[12] However, Microsoft's font manager Bill Hill wrote that 'with its large x-height and very generous spacing, it never felt comfortable as an eBook font'. He noted that Microsoft had commissioned an alternative version of the pre-existing typefaces Berling and Frutiger for its Microsoft Readere-book product.[2] Despite this, Verdana was initially used as one of the bundled book-reading fonts on the iPad before an update in 2011.[13]
Microsoft variants[edit]
Verdana Ref is a custom version of Verdana for use with Microsoft Reference. It is used in Microsoft Bookshelf 2000, Encarta Encyclopedia Deluxe 99, Encarta Virtual Globe 99, Office 2000 Premium, Publisher 2000. MS Reference Sans Serif is a derivative of Verdana Ref with bold and italic fonts. This font family is included with Microsoft Encarta.
Miller Text Font For Mac
Tahoma is similar to Verdana but with tighter letter spacing. The Windows Mobile core font Nina[14] is a more condensed version of Tahoma and Verdana.[15]
Verdana Pro[edit]
Microsoft licensed rights to Verdana to Font Bureau for a new Verdana Pro release, published in 2013. Verdana Pro adds correct German closing quotation marks, light, semi-bold and black styles with italics, as well as condensed styles with italics across all weights. The expanded family was designed for organisations which had made extensive use of Verdana due to its availability but desired additional versions for greater flexibility. It is sold separately through print and web licenses, being sold by Font Bureau and Ascender,[16][17] although the Windows 10 users can acquire it free of charge from Microsoft Store[18] or by activating the Pan-European Supplemental Fonts optional resource on the Settings app. A similar Georgia Pro release was announced at the same time.[16]
Combining characters bug[edit]
In the past, Verdana (v. 2.43) had an incorrect position for combining diacritical marks, causing them to display on the following character instead of the preceding. This made it unsuitable for Unicode-encoded text such as Cyrillic or Greek. This bug did not usually reveal itself with Latin letters. This is because some font display engines substitute sequences of base character + combining character with a precomposed characterglyph.[19] This bug was subsequently fixed in the version issued with Windows Vista. It is also fixed in Verdana version 5.01 font on Windows XP by installing the European Union Expansion Font Update from Microsoft.[20]
Awards[edit]
In 2006, the Verdana typeface was named in the list of British design icons in the Great British Design Quest organised by the BBC and the Design Museum. Carter's typeface appeared on a list which included Concorde, Mini, Jaguar E-Type, Aston Martin DB5, Supermarine Spitfire, World Wide Web, London tube map, AEC Routemaster bus and the K2 telephone box.[21]
Usage[edit]
In 2009, IKEA changed the typeface used in its catalog from Futura to Verdana, expressing a desire to unify its branding between print and web media. The controversy has been attributed to the perception of Verdana as a symbol of homogeneity in popular typography.[22]Time magazine and the Associated Press ran articles on the controversy including a brief interview with an IKEA representative, focusing on the opinions of typographers and designers.[23] Design and advertising industry-focused publications such as Business Week joined the fray of online posts. The branding critic blog Brand New was one of those using the Verdanagate name.[22] The Australian online daily news site Crikey also published an article on the controversy.[24]The Guardian ran an article asking 'Ikea is changing its font to Verdana—causing outrage among typomaniacs. Should the rest of us care? Absolutely.'[25]The New York Times said the change to Verdana 'is so offensive to many because it seems like a slap at the principles of design by a company that has been hailed for its adherence to them.'[26]
Carter addressed this controversy during an interview in 2013:
Ever since there was that big ruckus about the IKEA catalog changing from Futura to Verdana, which I had nothing to do with and didn’t even know about, people ask me about that everywhere I go. I give a talk about something historical and then at the end someone will get up and say: 'I started a petition to go back to Futura. You’re a villain!' You get blamed for something you had nothing to do with.
There's a strange misunderstanding. A friendly guy came up to me at a conference recently and said: I signed that petition to go back to Futura. So I asked: what caused you to do that? And he said, well, Verdana is a screen font. You mustn’t use it in print. So I said: OK, well, so you open the IKEA catalog, it’s set in Verdana, with the big prices and everything… how do you tell it’s a screen font? What is it about Verdana that says: this is a screen font? He had no idea. He just knew it because he’d been told. There are many people who make judgments without really understanding what the typographic issues are. Students are interesting—they’ll say things to me like: my professor told me I cannot use Verdana and Georgia in print because they’re screen fonts, but I tried it and it looks perfectly all right. And I can only say: Thank you! Go ahead![5]
In 2019, with its logo refresh, IKEA again changed their corporate typeface, from Verdana to a customized version of Noto Sans under the name Noto IKEA and is used in pair with standard versions of Noto Sans.
See also[edit]
Notes[edit]
- ^Re, Margaret, ed. (2003). Typographically Speaking: The Art of Matthew Carter (2. ed.). New York: Princeton Architectural. pp. 41–2. ISBN9781568984278. Retrieved 26 March 2016.
- ^ abHill, Bill. 'Apple updates iBooks with new book fonts'. Bill Hill 49 (blog). Retrieved 26 March 2016.
- ^'Interview with Virginia Howlett, mother of Verdana'. Dmxzone.com. 2004-06-24. Retrieved 2013-09-21.
- ^Will-Harris, Daniel (2003). 'Georgia & Verdana - Typefaces designed for the screen (finally)'. Archived from the original on 28 August 2013. Retrieved 9 August 2013.
- ^ abMiddendorp, Jan; Carter, Matthew (October 2013). 'Matthew Carter'. Creative Characters. MyFonts by Monotype. Retrieved September 29, 2018.
- ^Drucker, Johanna (2003). 'Typographic Intelligence'. In Re, Margaret (ed.). Typographically Speaking: The Art of Matthew Carter (2. ed.). New York: Princeton Architectural. p. 12. ISBN9781568984278. Retrieved 26 March 2016.
- ^'Apple.com - Mac OS X 10.4: Fonts list'. Support.apple.com. 2011-11-06. Retrieved 2013-09-21.[dead link]
- ^Mark Hachman (2002-08-14). 'Microsoft Withdraws Free Web Fonts'. ExtremeTech. Retrieved 2010-04-13.
- ^Microsoft (2002-07-25). 'TrueType core fonts for the Web FAQ'. Retrieved 2010-04-13.[dead link]
- ^Microsoft (2001-12-28). 'TrueType core fonts for the Web EULA'. Retrieved 2010-04-13.[dead link]
- ^Code Style: Most common fonts for Windows, Mac and Linux, full font survey resultsArchived April 26, 2013, at the Wayback Machine
- ^A Comparison of Popular Online Fonts: Which Size and Type is Best?[dead link]
- ^Peters, Yyves. 'Version 1.5 Improves Typography in iBooks on iPad and iPhone'. FontFeed. Archived from the original on 16 March 2016. Retrieved 26 March 2016.
- ^'E-books: an InfoDesign-Café discussion about their usability potentials and problems'. Web.archive.org. 2008-02-24. Archived from the original on February 24, 2008. Retrieved 2013-09-21.
- ^'When in doubt, use Verdana'. Microsoft.com. Retrieved 2013-09-21.
- ^ abColes, Stephen. 'Verdana Pro'. Font Bureau. Retrieved 28 July 2015.
- ^Zeldman, L. Jeffrey (2010-04-18). 'Verdana Pro (and Con)'. Zeldman.com. Retrieved 2013-09-21.
- ^'Verdana Pro'. Microsoft Store. Microsoft. 13 December 2017. Retrieved 1 December 2018.
- ^'Underdots'. Tenser.typepad.com. Retrieved 2013-09-21.
- ^'European Union Expansion Font Update'. Retrieved 2011-02-02.
- ^'Long list unveiled for national vote on public's favourite example of Great British Design'. BBC. 18 November 2016.
- ^ ab'Verdanagate,' by 'Armin' in 'Brand New' blog, August 31, 2009
- ^The Font War: Ikea Fans Fume over Verdana. Time, (August 28, 2009)
- ^Mel Campbell and Jeremy Wortsman, 'The Full Fonty: Why Type Nerds Went Mental Over Ikea', 'Crikey,' September 1, 2009
- ^Verdana: Ikea's flat-pack font, Simon Garfield, The Guardian, 2 September 2009.
- ^'Typography Fans Say Ikea Should Stick to Furniture', Edward Rothstein, The New York Times, September 4, 2009.
References[edit]
- 'Interview with Virginia Howlett, mother of Verdana' Retrieved September 9, 2005
- Friedl, Friedrich, Nicolaus Ott and Bernard Stein. Typography: An Encyclopedic Survey of Type Design and Techniques through History. Black Dog & Leventhal: 1998. ISBN1-57912-023-7.
- Macmillan, Neil. An A–Z of Type Designers. Yale University Press: 2006. ISBN0-300-11151-7.
External links[edit]
Text Font For Twitter
Wikimedia Commons has media related to Verdana. |
- Verdana font family (Microsoft typography)
- Verdana Pro font family (Microsoft typography)
- Verdana Ref font family (Microsoft typography)
- Downloadable version of Verdana (Core fonts for the Web)