ankitweblogic logo
W e b t u t o r i a l s

Define CSS

CSS Comment

CSS Selectors

Types of CSS

CSS Color Property

CSS Font Property

CSS Background

CSS Box Model

CSS3 Border Radius

Styling HTML Table

Styling Links

CSS Menu

Display, Visibility

CSS Overflow Property

CSS Position, Z-index

CSS Outline, Offset

CSS Cursor Property

CSS3 box-sizing

CSS Web Layout

CSS Website

Google Fonts

Google Map

Login Form

Google Page

Facebook Page

CSS Assignment List

Google Page

Google Fonts are open source and available free. Currently there are 818 fonts available at Google Font website. You can use any font in web application or software application by either attach a copy of the font (download) or simply embed the fonts in the document.

Example 1: Attach Google Font without downloading in just 3 simple steps.
Step 1: Open Google Font website.
Step 2: Select the Font by click on (+) button
Step 3: Attach the font link in your head section of the html file, and specify css font family property in css.


Example 2: Attach Google Font by downloading font in just 3 simple steps.
Step 1: Open Google Font website.
Step 2: Select the Font by click on (+) button, than click download button.
Step 3: put the font download font in your website folder, and write the following code in css file.
@font-face {
   font-family: myfont;
   src:url(../font/Fjalla.ttf);
}

.DIV{
    font-family: myfont;
}

Note: In Example 1, font will work online only, and In Example 2, font will also work without internet connection, on local machine.