Websafe fonts

See for yourself
how websafe they are

Go to the menu-list
Websafe fonts

Fonts: what you have to know

Websafe fonts are basically fonts that most browsers and operating systems support, but it might well be that some people see your website different than you yourself see it.

Now: you can go install a font and link it to your site, but that means that it will take more time to render your site at the first visit (once the font is automatically downloaded, the slow-down effect is gone) and as nowadays more and more websites use several external tools and third-party apps / includes, that all together affects the performance. On average: if it takes more than three seconds to render your website, most visitors just leave Sadsmiley, so that's one more reason to use a font that most browsers and operating systems support instead of having to load the font from your domain or from an external website.

By the way: this website uses the calibri-regular font, but there are hardly any other things that slow down the site, so it stays well within these three seconds and mostly only the users on android devices don't have this font installed.
So: it's a decision that you have to make: use only standard web-safe fonts or serve a hosted font? This depends on what you yourself want for your website based on several insights that you have in what your visitors use, Google analytics f.e. is a good tool to find out what operating systems and devices your visitors use, this website has about 35% of Android-users and they mostly browse more than one page, so not many seem to run away because of a slow website...

The list below shows the fonts without and with font-type, no fallback-fonts are used so what you see is what you get. Ofcourse: it is wise to use fallback-fonts on your website, so add a couple more (with the same font-type), ending with that specific font-type, like:

.myselfnamedclass {font-family: alexa, 'Bradley Hand', 'Brush Script', Cursive}

For your convenience I have made a second list sorted on font-type (and then alphabetically on font) so that you can find a suitable fall-back font (with the same font-type) quickly.

You can browse the list below and have a look at how the fonts are being rendered, best is to test the list on several browsers and several machines (desktop, tablet, phone etc.). A font that looks the same everywhere is more or less to be considered a websafe font.

Animated gif hot check out the bottom for social stuff and more!

Not an advertisement, but looks like it

Fonts (alphabetically):

Adobe Garamond
Adobe Garamond:
abc ABC 123 &?!
Adobe Garamond, Serif:
abc ABC 123 &?!
Alexa
Alexa:
abc ABC 123 &?!
Alexa, Cursive:
abc ABC 123 &?!
American Typewriter
American Typewriter:
abc ABC 123 &?!
American Typewriter, Serif:
abc ABC 123 &?!
Andale Mono
Andale Mono:
abc ABC 123 &?!
Andale Mono, Monospace:
abc ABC 123 &?!
Arial
Arial:
abc ABC 123 &?!
Arial, Sans-Serif:
abc ABC 123 &?!
Arial Black
Arial Black:
abc ABC 123 &?!
Arial Black, Sans-Serif:
abc ABC 123 &?!
Arial MT Condensed Light
Arial MT Condensed Light:
abc ABC 123 &?!
Arial MT Condensed Light, Sans-Serif:
abc ABC 123 &?!
Arial Narrow
Arial Narrow:
abc ABC 123 &?!
Arial Narrow, Sans-Serif:
abc ABC 123 &?!
Baskerville
Baskerville:
abc ABC 123 &?!
Baskerville, Serif:
abc ABC 123 &?!
Bodoni
Bodoni:
abc ABC 123 &?!
Bodoni, Serif:
abc ABC 123 &?!
Bodoni MT
Bodoni MT:
abc ABC 123 &?!
Bodoni MT, Serif:
abc ABC 123 &?!
Bodoni Poster
Bodoni Poster :
abc ABC 123 &?!
Bodoni Poster , Serif:
abc ABC 123 &?!
Book Antiqua
Book Antiqua:
abc ABC 123 &?!
Book Antiqua, Serif:
abc ABC 123 &?!
Bookman
Bookman:
abc ABC 123 &?!
Bookman, Serif:
abc ABC 123 &?!
Bookman old style
Bookman old style:
abc ABC 123 &?!
Bookman old style, Serif:
abc ABC 123 &?!
Bradley Hand
Bradley Hand:
abc ABC 123 &?!
Bradley Hand, Cursive:
abc ABC 123 &?!
Brush Script
Brush Script:
abc ABC 123 &?!
Brush Script, Cursive:
abc ABC 123 &?!
Brush Script MS
Brush Script MS:
abc ABC 123 &?!
Brush Script MS, Cursive:
abc ABC 123 &?!
Brush Script MT
Brush Script MT:
abc ABC 123 &?!
Brush Script MT, Cursive:
abc ABC 123 &?!
Calibri
Calibri:
abc ABC 123 &?!
Calibri, Sans-Serif:
abc ABC 123 &?!
Calisto MT
Calisto MT:
abc ABC 123 &?!
Calisto MT, Serif:
abc ABC 123 &?!
Cambria
Cambria:
abc ABC 123 &?!
Cambria, Serif:
abc ABC 123 &?!
Candara
Candara:
abc ABC 123 &?!
Candara, Sans-Serif:
abc ABC 123 &?!
Century Gothic
Century Gothic :
abc ABC 123 &?!
Century Gothic , Sans-Serif:
abc ABC 123 &?!
Chalkboard
Chalkboard:
abc ABC 123 &?!
Chalkboard, Cursive:
abc ABC 123 &?!
Charcoal
Charcoal:
abc ABC 123 &?!
Charcoal, Sans-Serif:
abc ABC 123 &?!
Comic Sans MS
Comic Sans MS:
abc ABC 123 &?!
Comic Sans MS, Cursive:
abc ABC 123 &?!
Consolas
Consolas:
abc ABC 123 &?!
Consolas, Monospace:
abc ABC 123 &?!
Constantia
Constantia:
abc ABC 123 &?!
Constantia, Serif:
abc ABC 123 &?!
Copperplate
Copperplate :
abc ABC 123 &?!
Copperplate , Sans-Serif:
abc ABC 123 &?!
Copperplate Gothic
Copperplate Gothic:
abc ABC 123 &?!
Copperplate Gothic, Sans-Serif:
abc ABC 123 &?!
Corbel
Corbel:
abc ABC 123 &?!
Corbel, Sans-Serif:
abc ABC 123 &?!
Cormorant
Cormorant:
abc ABC 123 &?!
Cormorant, Serif:
abc ABC 123 &?!
Courier
Courier:
abc ABC 123 &?!
Courier, Monospace:
abc ABC 123 &?!
Courier New
Courier New:
abc ABC 123 &?!
Courier New, Monospace:
abc ABC 123 &?!
DejaVu Sans
DejaVu Sans:
abc ABC 123 &?!
DejaVu Sans, Sans-Serif:
abc ABC 123 &?!
Didot
Didot:
abc ABC 123 &?!
Didot, Serif:
abc ABC 123 &?!
EB Garamond
EB Garamond :
abc ABC 123 &?!
EB Garamond , Serif:
abc ABC 123 &?!
Franklin Gothic
Franklin Gothic:
abc ABC 123 &?!
Franklin Gothic, Sans-Serif:
abc ABC 123 &?!
Franklin Gothic Medium
Franklin Gothic Medium:
abc ABC 123 &?!
Franklin Gothic Medium, Sans-Serif:
abc ABC 123 &?!
French Script MT
French Script MT:
abc ABC 123 &?!
French Script MT, Cursive:
abc ABC 123 &?!
Futura
Futura:
abc ABC 123 &?!
Futura, Sans-Serif:
abc ABC 123 &?!
Garamond
Garamond:
abc ABC 123 &?!
Garamond, Serif:
abc ABC 123 &?!
Geneva
Geneva:
abc ABC 123 &?!
Geneva, Sans-Serif:
abc ABC 123 &?!
Georgia
Georgia:
abc ABC 123 &?!
Georgia, Serif:
abc ABC 123 &?!
Gill Sans
Gill Sans:
abc ABC 123 &?!
Gill Sans, Sans-Serif:
abc ABC 123 &?!
Goudy Old Style
Goudy Old Style:
abc ABC 123 &?!
Goudy Old Style, Serif:
abc ABC 123 &?!
Haettenschweiler
Haettenschweiler:
abc ABC 123 &?!
Haettenschweiler, Sans-Serif:
abc ABC 123 &?!
Helvetica
Helvetica:
abc ABC 123 &?!
Helvetica, Sans-Serif:
abc ABC 123 &?!
Impact
Impact:
abc ABC 123 &?!
Impact, Sans-Serif:
abc ABC 123 &?!
Lato
Lato:
abc ABC 123 &?!
Lato, Sans-Serif:
abc ABC 123 &?!
Libre Baskerville
Libre Baskerville:
abc ABC 123 &?!
Libre Baskerville, Serif:
abc ABC 123 &?!
Linotype Didot
Linotype Didot:
abc ABC 123 &?!
Linotype Didot, Serif:
abc ABC 123 &?!
Lucida
Lucida:
abc ABC 123 &?!
Lucida, Monospace:
abc ABC 123 &?!
Lucida Bright
Lucida Bright:
abc ABC 123 &?!
Lucida Bright, Monospace:
abc ABC 123 &?!
Lucida Console
Lucida Console:
abc ABC 123 &?!
Lucida Console, Monospace:
abc ABC 123 &?!
Lucida Grande
Lucida Grande:
abc ABC 123 &?!
Lucida Grande, Monospace:
abc ABC 123 &?!
Lucida Handwriting
Lucida Handwriting:
abc ABC 123 &?!
Lucida Handwriting, Monospace:
abc ABC 123 &?!
Lucida Sans
Lucida Sans:
abc ABC 123 &?!
Lucida Sans, Monospace:
abc ABC 123 &?!
Lucida Sans Unicode
Lucida Sans Unicode:
abc ABC 123 &?!
Lucida Sans Unicode, Sans-Serif:
abc ABC 123 &?!
Luminari
Luminari:
abc ABC 123 &?!
Luminari, Fantasy:
abc ABC 123 &?!
Monaco
Monaco:
abc ABC 123 &?!
Monaco, Monospace:
abc ABC 123 &?!
MS Sans Serif
MS Sans Serif:
abc ABC 123 &?!
MS Sans Serif, Sans-Serif:
abc ABC 123 &?!
Helvetica Neue
Helvetica Neue:
abc ABC 123 &?!
Helvetica Neue, Sans-Serif:
abc ABC 123 &?!
New York
New York:
abc ABC 123 &?!
New York, Serif:
abc ABC 123 &?!
Open Sans
Open Sans:
abc ABC 123 &?!
Open Sans, Sans-Serif:
abc ABC 123 &?!
Optima
Optima:
abc ABC 123 &?!
Optima, Sans-Serif:
abc ABC 123 &?!
Palatino
Palatino:
abc ABC 123 &?!
Palatino, Serif:
abc ABC 123 &?!
Palatino Linotype
Palatino Linotype:
abc ABC 123 &?!
Palatino Linotype, Serif:
abc ABC 123 &?!
Papyrus
Papyrus:
abc ABC 123 &?!
Papyrus, Fantasy:
abc ABC 123 &?!
Perpetua
Perpetua:
abc ABC 123 &?!
Perpetua, Serif:
abc ABC 123 &?!
Playbill
Playbill:
abc ABC 123 &?!
Playbill, Serif:
abc ABC 123 &?!
Rage
Rage:
abc ABC 123 &?!
Rage, Sans-Serif:
abc ABC 123 &?!
Rockwell
Rockwell:
abc ABC 123 &?!
Rockwell, Serif:
abc ABC 123 &?!
Script MT
Script MT:
abc ABC 123 &?!
Script MT, Cursive:
abc ABC 123 &?!
Segoe Print
Segoe Print:
abc ABC 123 &?!
Segoe Print, Sans-Serif:
abc ABC 123 &?!
Segoe script
Segoe script:
abc ABC 123 &?!
Segoe script, Sans-Serif:
abc ABC 123 &?!
Segoe UI
Segoe UI:
abc ABC 123 &?!
Segoe UI, Sans-Serif:
abc ABC 123 &?!
Snell Roundhand
Snell Roundhand:
abc ABC 123 &?!
Snell Roundhand, Cursive:
abc ABC 123 &?!
Sylfaen
Sylfaen:
abc ABC 123 &?!
Sylfaen, Serif:
abc ABC 123 &?!
Symbol
Symbol:
abc ABC 123 &?!
Symbol, Serif:
abc ABC 123 &?!
Tahoma
Tahoma:
abc ABC 123 &?!
Tahoma, Sans-Serif:
abc ABC 123 &?!
Terminal
Terminal:
abc ABC 123 &?!
Terminal, Monospace:
abc ABC 123 &?!
Thasadith
Thasadith:
abc ABC 123 &?!
Thasadith, Sans-Serif:
abc ABC 123 &?!
Times
Times:
abc ABC 123 &?!
Times, Serif:
abc ABC 123 &?!
Times New Roman
Times New Roman:
abc ABC 123 &?!
Times New Roman, Serif:
abc ABC 123 &?!
Trattatello
Trattatello :
abc ABC 123 &?!
Trattatello , Sans-Serif:
abc ABC 123 &?!
Trebuchet MS
Trebuchet MS:
abc ABC 123 &?!
Trebuchet MS, Sans-Serif:
abc ABC 123 &?!
Verdana
Verdana:
abc ABC 123 &?!
Verdana, Sans-Serif:
abc ABC 123 &?!
Zapf Dingbats
Zapf Dingbats:
abc ABC 123 &?!
Zapf Dingbats, Fantasy:
abc ABC 123 &?!

Fonts (alphabetically on font-type):

Adobe Garamond
Adobe Garamond:
abc ABC 123 &?!
Adobe Garamond, Serif:
abc ABC 123 &?!
American Typewriter
American Typewriter:
abc ABC 123 &?!
American Typewriter, Serif:
abc ABC 123 &?!
Baskerville
Baskerville:
abc ABC 123 &?!
Baskerville, Serif:
abc ABC 123 &?!
Bodoni
Bodoni:
abc ABC 123 &?!
Bodoni, Serif:
abc ABC 123 &?!
Bodoni MT
Bodoni MT:
abc ABC 123 &?!
Bodoni MT, Serif:
abc ABC 123 &?!
Bodoni Poster
Bodoni Poster :
abc ABC 123 &?!
Bodoni Poster , Serif:
abc ABC 123 &?!
Book Antiqua
Book Antiqua:
abc ABC 123 &?!
Book Antiqua, Serif:
abc ABC 123 &?!
Bookman
Bookman:
abc ABC 123 &?!
Bookman, Serif:
abc ABC 123 &?!
Bookman old style
Bookman old style:
abc ABC 123 &?!
Bookman old style, Serif:
abc ABC 123 &?!
Calisto MT
Calisto MT:
abc ABC 123 &?!
Calisto MT, Serif:
abc ABC 123 &?!
Cambria
Cambria:
abc ABC 123 &?!
Cambria, Serif:
abc ABC 123 &?!
Constantia
Constantia:
abc ABC 123 &?!
Constantia, Serif:
abc ABC 123 &?!
Cormorant
Cormorant:
abc ABC 123 &?!
Cormorant, Serif:
abc ABC 123 &?!
Didot
Didot:
abc ABC 123 &?!
Didot, Serif:
abc ABC 123 &?!
EB Garamond
EB Garamond :
abc ABC 123 &?!
EB Garamond , Serif:
abc ABC 123 &?!
Garamond
Garamond:
abc ABC 123 &?!
Garamond, Serif:
abc ABC 123 &?!
Georgia
Georgia:
abc ABC 123 &?!
Georgia, Serif:
abc ABC 123 &?!
Goudy Old Style
Goudy Old Style:
abc ABC 123 &?!
Goudy Old Style, Serif:
abc ABC 123 &?!
Libre Baskerville
Libre Baskerville:
abc ABC 123 &?!
Libre Baskerville, Serif:
abc ABC 123 &?!
Linotype Didot
Linotype Didot:
abc ABC 123 &?!
Linotype Didot, Serif:
abc ABC 123 &?!
New York
New York:
abc ABC 123 &?!
New York, Serif:
abc ABC 123 &?!
Palatino
Palatino:
abc ABC 123 &?!
Palatino, Serif:
abc ABC 123 &?!
Palatino Linotype
Palatino Linotype:
abc ABC 123 &?!
Palatino Linotype, Serif:
abc ABC 123 &?!
Perpetua
Perpetua:
abc ABC 123 &?!
Perpetua, Serif:
abc ABC 123 &?!
Playbill
Playbill:
abc ABC 123 &?!
Playbill, Serif:
abc ABC 123 &?!
Rockwell
Rockwell:
abc ABC 123 &?!
Rockwell, Serif:
abc ABC 123 &?!
Sylfaen
Sylfaen:
abc ABC 123 &?!
Sylfaen, Serif:
abc ABC 123 &?!
Symbol
Symbol:
abc ABC 123 &?!
Symbol, Serif:
abc ABC 123 &?!
Times
Times:
abc ABC 123 &?!
Times, Serif:
abc ABC 123 &?!
Times New Roman
Times New Roman:
abc ABC 123 &?!
Times New Roman, Serif:
abc ABC 123 &?!
Arial
Arial:
abc ABC 123 &?!
Arial, Sans-Serif:
abc ABC 123 &?!
Arial Black
Arial Black:
abc ABC 123 &?!
Arial Black, Sans-Serif:
abc ABC 123 &?!
Arial MT Condensed Light
Arial MT Condensed Light:
abc ABC 123 &?!
Arial MT Condensed Light, Sans-Serif:
abc ABC 123 &?!
Arial Narrow
Arial Narrow:
abc ABC 123 &?!
Arial Narrow, Sans-Serif:
abc ABC 123 &?!
Calibri
Calibri:
abc ABC 123 &?!
Calibri, Sans-Serif:
abc ABC 123 &?!
Candara
Candara:
abc ABC 123 &?!
Candara, Sans-Serif:
abc ABC 123 &?!
Century Gothic
Century Gothic :
abc ABC 123 &?!
Century Gothic , Sans-Serif:
abc ABC 123 &?!
Charcoal
Charcoal:
abc ABC 123 &?!
Charcoal, Sans-Serif:
abc ABC 123 &?!
Copperplate
Copperplate :
abc ABC 123 &?!
Copperplate , Sans-Serif:
abc ABC 123 &?!
Copperplate Gothic
Copperplate Gothic:
abc ABC 123 &?!
Copperplate Gothic, Sans-Serif:
abc ABC 123 &?!
Corbel
Corbel:
abc ABC 123 &?!
Corbel, Sans-Serif:
abc ABC 123 &?!
DejaVu Sans
DejaVu Sans:
abc ABC 123 &?!
DejaVu Sans, Sans-Serif:
abc ABC 123 &?!
Franklin Gothic
Franklin Gothic:
abc ABC 123 &?!
Franklin Gothic, Sans-Serif:
abc ABC 123 &?!
Franklin Gothic Medium
Franklin Gothic Medium:
abc ABC 123 &?!
Franklin Gothic Medium, Sans-Serif:
abc ABC 123 &?!
Futura
Futura:
abc ABC 123 &?!
Futura, Sans-Serif:
abc ABC 123 &?!
Geneva
Geneva:
abc ABC 123 &?!
Geneva, Sans-Serif:
abc ABC 123 &?!
Gill Sans
Gill Sans:
abc ABC 123 &?!
Gill Sans, Sans-Serif:
abc ABC 123 &?!
Haettenschweiler
Haettenschweiler:
abc ABC 123 &?!
Haettenschweiler, Sans-Serif:
abc ABC 123 &?!
Helvetica
Helvetica:
abc ABC 123 &?!
Helvetica, Sans-Serif:
abc ABC 123 &?!
Helvetica Neue
Helvetica Neue:
abc ABC 123 &?!
Helvetica Neue, Sans-Serif:
abc ABC 123 &?!
Impact
Impact:
abc ABC 123 &?!
Impact, Fantasy:
abc ABC 123 &?!
Lato
Lato:
abc ABC 123 &?!
Lato, Sans-Serif:
abc ABC 123 &?!
Lucida Sans Unicode
Lucida Sans Unicode:
abc ABC 123 &?!
Lucida Sans Unicode, Sans-Serif:
abc ABC 123 &?!
MS Sans Serif
MS Sans Serif:
abc ABC 123 &?!
MS Sans Serif, Sans-Serif:
abc ABC 123 &?!
Open Sans
Open Sans:
abc ABC 123 &?!
Open Sans, Sans-Serif:
abc ABC 123 &?!
Optima
Optima:
abc ABC 123 &?!
Optima, Sans-Serif:
abc ABC 123 &?!
Rage
Rage:
abc ABC 123 &?!
Rage, Sans-Serif:
abc ABC 123 &?!
Segoe Print
Segoe Print:
abc ABC 123 &?!
Segoe Print, Sans-Serif:
abc ABC 123 &?!
Segoe script
Segoe script:
abc ABC 123 &?!
Segoe script, Sans-Serif:
abc ABC 123 &?!
Segoe UI
Segoe UI:
abc ABC 123 &?!
Segoe UI, Sans-Serif:
abc ABC 123 &?!
Tahoma
Tahoma:
abc ABC 123 &?!
Tahoma, Sans-Serif:
abc ABC 123 &?!
Thasadith
Thasadith:
abc ABC 123 &?!
Thasadith, Sans-Serif:
abc ABC 123 &?!
Trattatello
Trattatello :
abc ABC 123 &?!
Trattatello , Sans-Serif:
abc ABC 123 &?!
Trebuchet MS
Trebuchet MS:
abc ABC 123 &?!
Trebuchet MS, Sans-Serif:
abc ABC 123 &?!
Verdana
Verdana:
abc ABC 123 &?!
Verdana, Sans-Serif:
abc ABC 123 &?!
Andale Mono
Andale Mono:
abc ABC 123 &?!
Andale Mono, Monospace:
abc ABC 123 &?!
Consolas
Consolas:
abc ABC 123 &?!
Consolas, Monospace:
abc ABC 123 &?!
Courier
Courier:
abc ABC 123 &?!
Courier, Monospace:
abc ABC 123 &?!
Courier New
Courier New:
abc ABC 123 &?!
Courier New, Monospace:
abc ABC 123 &?!
Lucida
Lucida:
abc ABC 123 &?!
Lucida, Monospace:
abc ABC 123 &?!
Lucida Bright
Lucida Bright:
abc ABC 123 &?!
Lucida Bright, Monospace:
abc ABC 123 &?!
Lucida Console
Lucida Console:
abc ABC 123 &?!
Lucida Console, Monospace:
abc ABC 123 &?!
Lucida Grande
Lucida Grande:
abc ABC 123 &?!
Lucida Grande, Monospace:
abc ABC 123 &?!
Lucida Handwriting
Lucida Handwriting:
abc ABC 123 &?!
Lucida Handwriting, Monospace:
abc ABC 123 &?!
Lucida Sans
Lucida Sans:
abc ABC 123 &?!
Lucida Sans, Monospace:
abc ABC 123 &?!
Monaco
Monaco:
abc ABC 123 &?!
Monaco, Monospace:
abc ABC 123 &?!
Terminal
Terminal:
abc ABC 123 &?!
Terminal, Monospace:
abc ABC 123 &?!
Luminari
Luminari:
abc ABC 123 &?!
Luminari, Fantasy:
abc ABC 123 &?!
Papyrus
Papyrus:
abc ABC 123 &?!
Papyrus, Fantasy:
abc ABC 123 &?!
Zapf Dingbats
Zapf Dingbats:
abc ABC 123 &?!
Zapf Dingbats, Fantasy:
abc ABC 123 &?!
Alexa
Alexa:
abc ABC 123 &?!
Alexa, Cursive:
abc ABC 123 &?!
Bradley Hand
Bradley Hand:
abc ABC 123 &?!
Bradley Hand, Cursive:
abc ABC 123 &?!
Brush Script
Brush Script:
abc ABC 123 &?!
Brush Script, Cursive:
abc ABC 123 &?!
Brush Script MS
Brush Script MS:
abc ABC 123 &?!
Brush Script MS, Cursive:
abc ABC 123 &?!
Brush Script MT
Brush Script MT:
abc ABC 123 &?!
Brush Script MT, Cursive:
abc ABC 123 &?!
Chalkboard
Chalkboard:
abc ABC 123 &?!
Chalkboard, Cursive:
abc ABC 123 &?!
Comic Sans MS
Comic Sans MS:
abc ABC 123 &?!
Comic Sans MS, Cursive:
abc ABC 123 &?!
French Script MT
French Script MT:
abc ABC 123 &?!
French Script MT, Cursive:
abc ABC 123 &?!
Script MT
Script MT:
abc ABC 123 &?!
Script MT, Cursive:
abc ABC 123 &?!
Snell Roundhand
Snell Roundhand:
abc ABC 123 &?!
Snell Roundhand, Cursive:
abc ABC 123 &?!
 

Footnotes: