Tuesday 25 June 2013

How to use Custom Web Safe Fonts From Google

Adding a custom font is easy: just add a special stylesheet link to your web page, then use the font in a CSS style. All fonts are open source high quality type faces that are cross browser accessible.
Link Stylesheet
Here you have to link the stylesheet which links to Google’s fonts on your HTML document.


Adding a Style :
You need to define a selector with the font to activate it.
body {
font-family: 'Font Name', serif;
}

Below is how they linked the stylesheet, defined the font in body, and wrote something inside the body using an h1 style.

No comments:

Post a Comment