Unlike web safe fonts a webfont is a special font used on websites using the CSS @font-face declaration. A webfont has four flavors. A TrueType, WOFF, EOT and an SVG file. To target in different browsers each one is designed. You will require all four files when using webfonts for a website.
You can get sample webfonts from here.
Webfonts for HTML:
<link href="http://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet" /> <h1>This is my pretty and good webfonts!</h1>
CSS:
h1{
font-family: Satisfy, cursive;
font-weight:normal;
font-size:22px;
padding-top: 40px;
}