Most Commonly Used Custom & Web Safe Fonts By Web Designers

IN Shoutmeloud

When it comes to designing a template, the first and foremost thing one should consider shall be the font that he/she is going to use on his/her blog. Well, there are hundreds and thousands of custom fonts available out there  on the web. I’ve just hand picked few of them that are most commonly used by web designers. To play safe, I’ve also enlisted the top 8 web safe fonts whose importance shall be highlighted later in the article. Let me first list out the custom fonts…

Clarendon

claredon

Clarendon font was designed by Robert Besley in the year 1845. You may read about the font on Wikipedia – About Clarendon Font.

Warnock

warnockDesigned by Robert Slimbach, this font style captures the hearts of all the web designers. It’s named after John Warnock, the co-founder of Adobe Systems. More about the font – Warnock.

RockWell

rockwell

Rockwell is a distinctive version of a slab serif typeface which came into existence in 1930. You may read more about the same here – About RockWell Font.

Myriad

myriadDesigned by Robert Slimbach and Carol Twombly for Adobe Systems. Serves as the Apple’s Corporate Font since 2002. More about the font could be read here – About Myriad Font.

Helvetica

helvetica

Helvetica is designed by Max Miedinger, Eduard Hoffman in 1957. You may read about the same here – About Helvetica Font.

I’ve just enlisted a few in the list above because there’s actually no limit when it comes to custom fonts. However, we can narrow down the list to 8 when it comes to web safe fonts. Basically, web safe fonts are generic fonts that are supported by most of the browsers and operating systems. So, it is better to use web safe fonts when you design your themes. Or, at least use them as fallback fonts to ensure a proper layout. Well, the top 8 web safe fonts are listed below.

Arial

arial

This most commonly used typeface was designed in 1982 by Robin Nicholas. You may read more about this font here – About Arial Font.

Georgia

georgia

This typeface that attracts most of the web designers was designed by Matthew Carter in 1993. More about this font – About Georgia Font.

Times New Roman

Times-New-Roman

This typeface was designed by Stanley Morison in 1931. More info about the font – About Times New Roman Font.

Courier New

Courier-New

This typeface was designed in 1955 by Howard “Bud” Kettler. More about this font here – About Courier New Font.

Lucida Console

Lucida-Console

Designed by Charles Bigelow and Kris Holmes in 1985, the font being more famous for its cursive style than the regular version. More info about the font – About Lucida Console.

Verdana

verdana

Designed by Matthew Carter for Microsoft – the same person who designed Georgia font. More about the font could be read here – About Verdana Font.

Trebuchet MS

Trebuchet-MS

Designed by Vincent Connare for Microsoft in 1996. More info about the font here – About Trebuchet MS.

Tahoma

tahoma

Another font designed by Matthew Carter for the Microsoft Corporation in 1994. More info could be read here – About Tahoma Font.

You may download the complete list of web safe fonts here – Web Safe Fonts.

I’ll illustrate about the problems caused due to custom fonts along with the solution to solve the same using JavaScript in my next article.

Also read:

Well, I use Nimbus Roman No9 L with Georgia & Serif as the fallback fonts on my post titles and Times New Roman with Georgia & serif as fallback fonts to style the content part. How about you guys?? Let me know what fonts/fallback fonts do you use on your site ?

Subscribe on Youtube

Click to activate Offer & visit site Discount added automatically

Subscribe to SML Newsletter

Receive Blogging Tips & Strategies

Get WordPress Guide eBook for free in the 2nd newsletter

100% privacy. we will never spam you

  • Author Bio

  • Latest Post

Blog post by Mukund

Mukund has written 22 articles.

Follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.


Testimonials
Send Us Inquiry

Comments

  1. Shane says

    Tho Rockwell and Georgia are so over used I think they really make headlines pop. Tahoma or (sorry) trebuchet for body text is nice for a change up. Helvetica will always be a staple but unless it’s styled right it looks so Generic. Great post! I love web typography

    • Mukund says

      Well, exactly! Your choice on the fonts clearly tell me that you love typography. I would suggest “Times New Roman” for body text because I feel it gives a more professional touch. What do you think?

  2. rakesh says

    Great list, But most of the time i would like to use web safe fonts as they does not need extra procedure to add functionality of these fonts. Thanks for posting this great list.

    • Mukund says

      Yes! Web masters can play it safe but web designers need to add custom fonts to ensure that their fonts along with the layout stands unique! Thanks for the comment rakesh!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>