Twice this week I have been asked what fonts can I use on my website?
Not that many is the short answer.
You might have hundreds of fonts available on your computer, this doesn’t mean everyone else does. Depending on the operating system (Windows, Linux, Apple) , web browser (Firefox, IE, Safari) and programs installed (Office, Photoshop etc) will effect the range of fonts you have. You can certain download more, but people visiting your web site aren’t going to do that. So what fonts are general safe to use on your blog or company website?
From some digging around the general opinion seems to be around 8-10 fonts are pretty safe to use. It doesn’t mean you can’t use images for headers and sub headings etc, but for the bulk of text you are pretty much limited.
What are the Options?
So here is a quick sample of the options available to you, but make sure you have a glance over the next section, as you will see that this still varies from computer to computer, web browser to web browser.
Verdana
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Georgia
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Tahoma
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Arial
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Times New Roman
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Courier New
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Helvetica
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Lucida Console
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Palatino Linotype
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
MS Sans Serif
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Impact
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Quisque consectetuer, tortor id pharetra sollicitudin, urna metus eleifend elit, sed venenatis dui nisl et orci. Nunc orci tortor, suscipit sit amet, interdum quis, egestas ut, ipsum.
Aenean nisl lectus, interdum non, mollis sed, adipiscing in, diam. Etiam sodales neque. Aliquam tortor. Integer pellentesque, tortor ac nonummy gravida, velit sapien suscipit magna, vel adipiscing lorem arcu vel dui.
Trains, Planes and Operating Systems
And just to confuse you more, these fonts can also vary in style depending on the web browser, computer settings and version of the operating system you are running. Although, to be honest don’t worry too much about this, its impossible for any web sites to look identical on every machine out there.
Linux Operating System
Windows XP
Apple Mac
For more information on this subject check out…
Common fonts to all versions of Windows & Mac equivalents
and
