=uNiTy=
05-21-2004, 03:21 PM
I need to know how to embed fonts into a webpage in html. I know it involves css but i need the details. I have tried using WEFT to create the .eot files but it just doesnt seem to work in my webpage.
here's the source (just ignore all the breaks and the { things along w/any other strange repetitive tag, i dont know what that's all about; not really in the source):
<xmp>
<html>
<title>
Work in progress...
</title>
<STYLE>
@font-face {
font-family: tranceform;
font-weight: normal;
src: url(fonts/TRANCEFO.eot); }
A:link{color:00ff00;text-decoration:none}
A:visited{color:00ff00;text-decoration:none}
A:active{color:00ff00;text-decoration:none}
A:hover{color:00ff00;font-weight:bold;background-color:000055}
</STYLE>
<head>
<h1>
<font size="8" color=00ff00>
<tt>
<b>
<marquee behavior="alternate">
www.weezerking.com
</marquee>
</b>
</tt>
</font>
</head>
<body bgcolor=000000>
<table style="border:0.5px" cellspacing="1" cellpadding="1" border="1" bordercolor="00ff00" width="13%">
<td onMouseOver="this.bgColor='000055'" onMouseOut="this.bgColor='000000'" colspan="10%">
<font size="5" face="tranceform" color="00ff00">
<p align="center">
<a href="http://www.google.com">
GOOGLE
</a>
</font>
<tr>
<td onMouseOver="this.bgColor='000055'" onMouseOut="this.bgColor='000000'" colspan="10%">
<font size="5" face="tranceform" color="00ff00">
<p align="center">
<a href="http://www.weezerking.com">
HOME
</a>
</font>
</td>
</tr>
<tr>
<td onMouseOver="this.bgColor='000055'" onMouseOut="this.bgColor='000000'" colspan="10%">
<font size="5" face="tranceform" color="00ff00">
<p align="center">
<a href="/list.txt">
FILES
</a>
</font>
</td>
</tr>
</table>
<img src="/notepad.gif">
</body>
</html>
</xmp>
here's the source (just ignore all the breaks and the { things along w/any other strange repetitive tag, i dont know what that's all about; not really in the source):
<xmp>
<html>
<title>
Work in progress...
</title>
<STYLE>
@font-face {
font-family: tranceform;
font-weight: normal;
src: url(fonts/TRANCEFO.eot); }
A:link{color:00ff00;text-decoration:none}
A:visited{color:00ff00;text-decoration:none}
A:active{color:00ff00;text-decoration:none}
A:hover{color:00ff00;font-weight:bold;background-color:000055}
</STYLE>
<head>
<h1>
<font size="8" color=00ff00>
<tt>
<b>
<marquee behavior="alternate">
www.weezerking.com
</marquee>
</b>
</tt>
</font>
</head>
<body bgcolor=000000>
<table style="border:0.5px" cellspacing="1" cellpadding="1" border="1" bordercolor="00ff00" width="13%">
<td onMouseOver="this.bgColor='000055'" onMouseOut="this.bgColor='000000'" colspan="10%">
<font size="5" face="tranceform" color="00ff00">
<p align="center">
<a href="http://www.google.com">
</a>
</font>
<tr>
<td onMouseOver="this.bgColor='000055'" onMouseOut="this.bgColor='000000'" colspan="10%">
<font size="5" face="tranceform" color="00ff00">
<p align="center">
<a href="http://www.weezerking.com">
HOME
</a>
</font>
</td>
</tr>
<tr>
<td onMouseOver="this.bgColor='000055'" onMouseOut="this.bgColor='000000'" colspan="10%">
<font size="5" face="tranceform" color="00ff00">
<p align="center">
<a href="/list.txt">
FILES
</a>
</font>
</td>
</tr>
</table>
<img src="/notepad.gif">
</body>
</html>
</xmp>