You are here:

How to Add Non-Standard Font to Your Blog or Website

 

The standard font on a website usually Verdana, sans-serif, Arial, Helvetica, Georgia, Times, serif and Tahoma. But if you need your blog design look better you can use non standard font to your blog.

Can you add a non-standard fonts on our blog? Yes, you can add non-standard font like the “Kaffeesatz” font  to your blog or your website. Only Kaffeesatz font can be added? No, you can add any non-standard font to your blog. There are two easy methods to add non-standard font to a website, using “Google web fonts” and using “font kit” from fontsquirrel.

A. Add Non Standard Font Using Google web fonts

Google Web Font

  1. Open Google web fonts page here:  http://www.google.com/webfonts
  2. Select the font you want then click “Use this font” tab in the next page.
  3. Follow the instruction/tutorial that found in the page to add the font to your website.

B. Add Non Standard Font Using Font Kits from FontSquirrel

FontSquirrel Web Font

  1. Open the fontsquirrel page here:http://www.fontsquirrel.com/fontface
  2. Click on “Get Kit” link to download the font kits.
  3. Extract the file after download finished. You’ll see “demo.html” and “stylesheet.css” in the extracted folder
  4. View source code the both file to explaion how to embed the font into your blog/website

From the both methods above I recommended using Google web font because easy to implement and safe. This article is to answer the question from Steve Johnson “How to add non-standard font to a blog”

Posted by Fz 3 Responses
     

3 Responses to “How to Add Non-Standard Font to Your Blog or Website”

  1. DG says:

    Nice blog tutorial… :mrgreen:

  2. Giglit says:

    Thank you very mach for this Tuto!

 

Leave a Reply to this Post

Jun
25
 
 
Friends
Recent Comments
  • Sudhakar: need reset utility for epson Tx720wd, if anyone have please...
  • excelive: powerful tools for old epson printer. thanks for...
  • nasir: in DCP t-300 it will not work.. is their any other procedure to rectify that...
  • jeff: The requested URL /download/10385082/Canon2270.zip.html was not found on this...
  • nasir: very...