Free Fonts

Links

www.fontsquirrel.com - Fonts 100% free for commercial or personal use

Use Them On A Web Page

Not all fonts are available in every browser or on every system. If you want to use an unusual font on a web page, you can use the following CSS code. In this example CrazyFont.ttf will be available for use on every web page.

@font-face
{
  font-family: CrazyFont;
  src: url('CrazyFont.ttf');
}
p.crazy
{
  font-family: CrazyFont;
  font-size: 1.2em;
}

Note: TTF = True Type Font (Google TTF for more information)

HTML Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<p class="crazy">
This paragraph will be rendered using the crazy font.
</p>
</body>
</html>