What fonts can I use on my Website?

February 1, 2008

image

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

image

Windows XP

image

Apple Mac

image

For more information on this subject check out…

Common fonts to all versions of Windows & Mac equivalents

and

Web-Safe Fonts for Your Site

What is your advice about fonts and websites, I’m no expert on the subject so I would love to hear your thoughts?

Author: Support @ 4:25 pm
Category: Web development




Our newest clients in the local rag

October 30, 2007

Its nice when our clients get some offline media coverage.

image

William Coles has just launched his first novel, The Well Tempered Clavier. Terinea overhauled Bills blog site.

“I remember that first weekend in Edinburgh, going up the Crags and watching the sun going down over the Castle – and it just blew me away.” Having worked his way through the ranks from being a staff reporter on The Sun to New York correspondent – at the time of the Monica Lewinsky scandal – William became a political correspondent and a commentator on the royals. But throughout it all, he harboured an ambition to write books so, when he moved to Edinburgh, he resolved to pursue that line.
http://edinburghnews.scotsman.com/features.cfm?id=1715832007

image

The Illicit Still is our first client in Edinburgh since House of Fraser bought Jenners Department Store, to install one of our EPoS solution, commonly referred as touch screen till!

AT THE BAR

PROBABLY the first and possibly the only Edinburgh bar to utilise Facebook, The Illicit Still chronicled its recent overhaul extensively on the social networking site, as well as recruiting most of its staff through its pages.

And what an overhaul. The Brougham Place bar has been completely renovated, resembling its former incarnation in shape and size only.

The Illicit Still has two real ales on tap, with a pint of either Caley 80 Shillings or Deuchars IPA costing a modest £2.50. Their present promotion means you can down a pint of Foster’s Super Chilled for £2.20. A standard glass of wine comes in at £2.65, with a bottle at only £8.

Get in early if you fancy a shot on their Nintendo Wii, which is hooked up to the giant plasma screen.
• The Illicit Still, Brougham Place, Monday-Saturday, 11am-1am, Sunday 12.30pm-1am, 0131-228 2633

http://living.scotsman.com/food.cfm?id=1712522007

Author: Support @ 9:00 am




The Well-Tempered Client

October 25, 2007

William Coles the well tempered clavier

Its nice when your client blogs about you, even if they are making fun of your mistakes!

William Coles is a experienced journalist who has written for a number of national newspapers such as The Scotsman, The Mail, The Express & Wall Street Journal, here in the UK and New York. A couple of months ago his friend Tim, a coffee morning regular suggested that he should pop along to the coffee morning and see if he could pickup anything that would help to promote his new novel, The Well Tempered Clavier. Two months later William, is a regular blogger, facebooker and I believe uploading his pictures to flickr.

My involvement? Well about a month ago William asked if I could jazz up his existing blog site. So after reading a little bit about the book I started my research. Now for some reason I thought the leading lady was a Indian, when infact she was called India!

“And I’ve got a picture of a really gorgeous Asian girl!” trilled Jamie. “Lovely almond-skin. Just gorgeous. She’ll be perfect!”

“Ahh,” I said, temporizing (William) a little. “Interesting. Tell me, Jamie, why do we want a picture of a gorgeous Asian girl on this web site?”

“Well I thought this guy, the hero of the book, was having a fling with an Indian bird …”

“What?” I said. “What! Have you gone totally insane? She is not some Indian bird, no! Her name happens to be INDIA.”

http://clavierbook.blogspot.com/2007/10/almond-skinned-beauties.html

That’s Journalists for you, I wouldn’t believe a word you read!

image

Author: Support @ 8:00 am
Category: Clients




Use The Source – Websites and Graphics

March 31, 2006

Designing a website for a business, club, school or yourself? You should check out the following websites to assist you in development.

We recently overhauled our company site using a number of these open source resources.

Website Templates

Open Source Web Design is a collection of web designs submitted by the community that anyone can download and use for free.
Open Web Design is another site that allows you to download quality web templates.

Images

SXC has an open source policy for high resolution images that people upload to the site. Almost all the images can be used in business without any copyright issues.

Graphics & Clipart – Open Clip Art Library provides high quality graphics and clip art to be used by anyone. Most of these graphics make use of vector based file formats and hence can be scaled to any size without loss in quality.

Author: Support @ 8:22 pm
Category: Uncategorized