ShoutMeLoud – Shouters Who Inspire

Superlinks
≡ Menu
≡ Menu

Most Commonly Used Custom & Web Safe Fonts By Web Designers

bluehost
Most Commonly Used Custom & Web Safe Fonts By Web Designers

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 550x64

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

Warnock

warnock 550x64 Designed 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 550x64

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

myriad 550x64 Designed 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 550x64

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 550x64

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 550x64

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 550x64

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

Courier New

Courier New 550x64

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

Lucida Console

Lucida Console 550x64

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 550x64

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 550x64

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

Tahoma

tahoma 550x64

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 ?

  • Author Bio

  • Latest Post

Article by Mukund S

Mukund has written 30 articles.

If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.


{ 10 comments… add one }

  • Shane

    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

    Reply
    • Mukund

      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?

      Reply
  • Fareed khan

    Great sets of fonts,,Thank you very much

    Reply
    • Mukund

      Yup! Thanks for the comment! Hope you enjoy the other articles as well:)

      Reply
  • eTuts

    I use Georgia and Verdana more because i like them the most.

    Reply
    • Mukund

      Yup! I used Verdana on my blog before! Thanks for comment buddy:)

      Reply
  • Anup Kayastha

    I use Helvetica. Thanks for sharing other useful web fonts.

    Reply
    • Mukund

      Yup! That’s a good choice! Thanks for the comment buddy!

      Reply
  • rakesh

    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.

    Reply
    • Mukund

      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!

      Reply

Leave a Comment