Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium


Web Safe Fonts these days

Posted on 2012-08-28
Medium Priority
Last Modified: 2012-10-02


font-family: tier 1 font, tier 2 font, other

We're using verdana, georgia, for tier 2 fonts.

What are some really good tier 1 fonts that are accessable on most machines including mobile devices? This site's user's use a little nicer computers and mobile devices.

Our Site: TheWealthyMind(dot)com
Question by:weikelbob
LVL 31

Accepted Solution

James Murrell earned 400 total points
ID: 38344980
this could be a useful read for you http://www.webdesigndev.com/web-development/16-gorgeous-web-safe-fonts-to-use-with-css..

fonts: very personal thing
LVL 45

Assisted Solution

by:Chris Stanyon
Chris Stanyon earned 400 total points
ID: 38345019
I think the idea of web-safe fonts has moved on significantly since the concept was first introduced. The idea of web-safe fonts was to use a font that was almost certainly installed on every computer - Windows, Mac, Linux. Pretty limited!

There are now several different ways of using fonts in your website that don't need to be installed on the clients computer. Google Fonts and FontSquirrel are two that spring to mind.

To use a Google Font for example, you simply include a link to the font in the HEAD of your document, and then use it in your CSS as you normally would, including a fallback.

<link href='http://fonts.googleapis.com/css?family=Headland+One' rel='stylesheet' type='text/css'>

 body { font-family: 'Headland One', serif; }

Open in new window

It's supported in all modern browsers and frees you from the restrictions of old-school 'web-safe' fonts!

LVL 36

Assisted Solution

by:Loganathan Natarajan
Loganathan Natarajan earned 400 total points
ID: 38345041
Really, I too thinking this morning about "Google Fonts" (why they give link etc.,)..
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!


Author Comment

ID: 38346086
Wow fonts have come a long ways.

Will Google Fonts work on apple/droid/other mobile devices as well as at least 95% of all current web browsers?

If it's not 95%, what is the percentage that Google Fonts covers?

Thanks, this is quite an improvement.
LVL 45

Expert Comment

by:Chris Stanyon
ID: 38346160
Simple answer - yes! It will work on all modern browsers including those on mobile devices.

Think your design through and include a suitable backup for those older devices that won't support it, and don't start littering your design with 20 different fonts - each font take times to download so your site could become sluggish (not to mention ugly!)

Author Comment

ID: 38346498

Thank you.

>>include a suitable backup for those older devices<<

What's the best way to do that?

Also, how much slower will my website be with one font to download? My site has to be fast for SEO purposes.
LVL 45

Expert Comment

by:Chris Stanyon
ID: 38346612
Add a backup using the CSS font-family tags

body { font-family: 'Your Google Font', Verdana, san-serif; }

As for speed, it will depend on the fonts being used. If you visit the Google Fonts website, you'll see a link for each font saying Quick Use. Click on that and it will give you a chart showing speed.

Your site doesn't have to be fast for SEO purposes! Your site will likely contain much more information in your CSS, Images, Javascript and Content than a Google Font. Adding it is no different than adding any other resource to your site.

Test the speed of your site in whichever way you usually do
LVL 43

Assisted Solution

Rob earned 400 total points
ID: 38347988
Why not use your own fonts and show the site exactly the way you want?  As long as the copyright is ok with you doing so.

The browsers support the use of the CSS3 @font-face tag?


This site will help you achieve the right formats:

LVL 26

Assisted Solution

by:David Brugge
David Brugge earned 400 total points
ID: 38348971
Yes, as you said, browser font technology has come a long way. However to answer your original question, this listing might be helpful: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

It has a list of fonts that were included with different versions of operating systems on Windows and Mac up to Vista and OSX 10.4

Author Comment

ID: 38456485
Sorry for the delay, you guys really helped us out by the way. I love google fonts

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to dynamically set the form action using jQuery.
Suggested Courses
Course of the Month11 days, 17 hours left to enroll

564 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question