comments 2

Using the Google fonts API to get custom fonts for your website

After I share how to using custom font for our website with CSS , :surprise: now i want share the same thing but here we using Google Web Fonts API for the source of custom font in our website.
Ok, before I tell you how the way , I want to tell you disadvantage when you using the custom font with css.
there are a few problems with this method: 8-O

  • You need to maintain both TTF and EOT versions of the fonts
  • You separately need to take care that your font shows up in Internet Explorer.


There is just a single line of code that you have to insert in the head section of your website layout, and you are done.
To embed custom font into your web page copy the following code as the first element in the of your html document.

<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>

assuming The Girl Next Door is the font you want to use.


Sponsored links



and then there is way to implementation,
put this code to your CSS
:-o

h1 { font-family: 'The Girl Next Door', arial, serif; }

Just a simple way and your website more beautiful :woot:

2 Comments

Leave a Reply

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