How to use font-face on different browsers including IE 6.
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>How to use font face - From Depot webdesigner</title>
<meta http-equiv="Content-type" content="text/html ; charset = iso-8859-1" />
<link rel="Stylesheet" media="screen" type="text/css" href="css/style.css" />
</head>
<body>
<div class="warp">
<h1 class="styleFontface">how to use font face</h1>
</div>
</body>
</html>
Code CSS :
body
{
background:black;
margin:0;
padding:0;
}
@font-face
{
font-family: 'JustAnotherFont';
src: url('type/just-another-font.eot');
src: local('JustAnotherFont'), local('JustAnotherFont'), url('type/just-another-font.ttf') format('truetype');
}
h1.styleFontface
{
font-family:JustAnotherFont;
font-size:60px;
color:white;
}
- Convert ttf font to eot for use on Internet Explorer: http://www.kirsle.net/wizards/ttf2eot.cgi
- Font used : http://www.dafont.com/just-another-font.font